.fadeToggle() (metodo jQuery) mostra o nasconde l’Elemento selezionato, intervenendo sull’opacità, a seconda che sia già visibile o meno.
Sintassi
$("selettore").fadeToggle();
$("selettore").fadeToggle("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
$("#fadeIn").click(function(){
$("#mioDiv").fadeIn("slow");
});
$("#fadeOut").click(function(){
$("#mioDiv").fadeOut("slow");
});
$("#fadeToggle").click(function(){
$("#mioDiv").fadeToggle("slow");
});
$("#fadeTo").click(function(){
$("#mioDiv").fadeTo("slow", 0.5);
});
$("#fadeTo2").click(function(){
$("#mioDiv").fadeTo("slow", 1);
});
<div id="mioDiv">Contenuto del div</div>
<button id="fadeIn">fadeIn</button>
<button id="fadeOut">fadeOut</button>
<button id="fadeToggle">fadeToggle</button>
<button id="fadeTo">fadeTo (-50%)</button>
<button id="fadeTo2">fadeTo (100%)</button>
Contenuti correlati
- CSS
- HTML
- JavaScript
- jQuery
- PHP
- SQL
- WORDPRESS
0 Comment