Funzione Toggle nel menù: attiva e disattiva

[nicuccia]

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...es/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.

[cavicchiandrea]

Prova impostando il css di "footer" in display:none e a invertire l'immagine (della doppia freccia) nelle classi "arrow" e "active"

[nicuccia]

Prova impostando il css di "footer" in display:none e a invertire l'immagine (della doppia freccia) nelle classi "arrow" e "active"

Grazie!! Il tuo aiuto è stato davvero prezioso