.slideToggle() (metodo jQuery) mostra o nasconde, con slide verticale a discesa o in risalita, l’oggetto selezionato, a seconda che l’oggetto stesso sia già visibile o meno.
Sintassi
$("selettore").slideToggle("velocità[facoltativo]", "modalità[facoltativo]", function(){[codice]}[facoltativo]););
| parametro | descrizione |
|---|---|
| velocità | Specifica la velocità di esecuzione. Può avere i seguenti valori: slow, normal, fast, o numero esatto di millisecondi |
| modalità | La modalità dell’effetto. Può avere i seguenti valori: swing: velocità lenta all’inizio e alla fine dell’effetto ma veloce nel mezzo linear: velocità costante durante tutto l’effetto |
| function | La funzione da eseguire quando si attiva il metodo |
Esempi
<div id="mioDiv">Contenuto del div</div>
<button id="slideDown">slideDown</button>
<button id="slideUp">slideUp</button>
<button id="slideToggle">slideToggle</button>
<script>
$("#slideDown").click(function(){
$("#mioDiv").slideDown("slow");
});
$("#slideUp").click(function(){
$("#mioDiv").slideUp("slow");
});
$("#slideToggle").click(function(){
$("#mioDiv").slideToggle("slow");
});
</script>
Contenuti correlati
- CSS
- HTML
- JavaScript
- jQuery
- PHP
- SQL
- WORDPRESS
0 Comment