mercoledì 21 settembre 2011

jQuery - Mostra e nascondi

Tra gli effetti grafici che il framework jQuery mette a disposizione dello sviluppatore i primi che troviamo danno la possibilità di mostrare, nascondere o l'alternare dei due effetti di un elemento strutturale della pagina.

Per mostrare un elemento viene utilizzato il metodo show().

$("p").show(); // mostra gli elementi "p" nascosti delle pagina

Per nascondere un elemento viene utilizzato l metodo hide().

$("p").hide(); // nasconde gli elementi "p" della pagina

Per alternare mostra e nascondi vine eutilizzato il metodo toggle().

$("p").toggle(); // mostra e nasconde in successione gli elementi "p" della pagina.

E possibile manipolare la durata temporale dell'effetto mostra o nascondi fornendo all'effetto i valori predefiniti "slow", "normal" e "fast" o il valore di durata in millisecondi.

$("p").show("slow"); // mostra gli elementi "p" nascosti delle pagina con durata slow
$("p").toggle(1000); // mostra o nasconde gli elementi "p" nascosti delle pagina con durata 1 secondo

Altri esempi

I esempio: cliccando sull'elemento con id "pulsante" modifica la visibilità dell'elemento "mostranascondi" con una durata dell'effetto di 2 secondi.
$("#pulsante").click(function () {
     $("#mostranascondi").toggle(2000); //2 secondi
});

Nessun commento:

Posta un commento