[JS] problema toggle

mikylucky

ciao a tutti,
ho un problema (ma questo penso l'avevate capito XD)

voglio creare un pulsante mostra nascondi. ho questo codice

$(document).ready(function(){

$(".container").hide();

$("h2.trigger").css("cursor","pointer").toggle(function(){
$(this).addClass("active");
}, function () {
$(this).removeClass("active");
});

$("h2.trigger").click(function(){
$(this).next(".container").toggle();
});

});

solo che funziona solo se la parte da nascondere si trova sotto l'h2. io voglio fare in modo che funzioni con la parte che c'è sopra.

è possibile? chi riesce a darmi una mano?

grazie anticipatamente

claudioweb

Ciao, usi Jquery vero?

Anziché usare this, che si riferisce a se stesso, devi impostare l'id degli elementi differenti che vuoi nascondere.

mikylucky

mi potresti fare un esempio per favore? non sono molto ferrato...

claudioweb

Prova a vedere questi esempi
http://api.jquery.com/hide/

mikylucky

grazie mille! sei stato veramente gentile! direi illuminante!