[RISOLTO] Funzione Toggle nel menù: attiva e disattiva

[Nik]

Ciao a tutti,
ho la necessità di modificare questa porzione di codice:

<script type="text/javascript"> 
$(document).ready(function(){
//Switch the "Open" and "Close" state per click 
$("#trigger").toggle(function(){
$(this).addClass("active");
}, function () {
$(this).removeClass("active");
});
//Slide up and down on click
$("#trigger").click(function(){
$(this).next("#footer").slideToggle("slow");
});
});
</script>

Al momento il footer è sempre visibile e cliccando sull'icona con la freccia è possibile nascondere l'intera sezione. Vorrei fare semplicemente il contrario.. footer sempre nascosto e cliccando sulla freccia viene attivato. Mantenendo comunque le caratteristiche e l'effetto di transizione.

Il template di riferimento è il seguente: http://shapeshifter.makedesignnotwar.com/themes/wp/mu/wpmu/

Capisco che si tratta di una funzione basilare, ma non so venirne a capo. Qualcuno potrebbe darmi qualche indicazione?

Grazie a tutti.

 

[criric]

Ciao, devi indicare in partenza che l'elemento #footer deve essere nascosto
puoi farlo con javascript

$("#footer").hide();

oppure nel css

#footer {
   display:none;
}

 

[Nik]

Grazie per la risposta, ho impostato nel footer il display:none ed ho aggiunto la classe "active" all'icona con la freccia.