JQuery .slideToggle( [duration] [, easing])

**Angelo82** · 07-03-2012, 18:10

Ciao ragazzi ho questo codice:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<title>Documento senza titolo</title>

</head>
<body>
<div id="pulsante" style="width:60px; height:40px; background-color:#333"></div>
<div id="box" style="width:200px; height:200px; background-color:#999"></div>
<script type="text/javascript">
$("#pulsante").click(function(){
$("#box").slideToggle({duration:1000}, "easeInElastic");
});
</script>
</body>
</html>

Sto provando alcuni plugin jquery uno di questi è per la proprieta di "easing"
plugin scaricato da questo sito che sembra essere quello ufficiale http://gsgd.co.uk/sandbox/jquery/easing/
L'animazione con lo .slideToggle() funziona ma ignora totalmente la proprieta di easing in questi caso "easeInElastic"
Siete in grado di aiutarmi a capire come mai? Il plugin l'ho caricato ed anche lo script dovrebbe essere corretto eppure non va

Confido in voi e grazie in anticipo

**m4rko80** · 07-03-2012, 18:12

Prova ad invertire l'inclusione di easing e jquery

**Angelo82** · 07-03-2012, 18:26

Intanto grazie per l'aiuto

Purtroppo pur modificando l'inclusione non funziona

**Vindav** · 07-03-2012, 18:39

prova cosi:

$("#box").slideToggle(1000, "easeInElastic");

oppure:

$("#box").slideToggle({ duration: 1000, easing: "easeInElastic"});

**m4rko80** · 07-03-2012, 18:40

Se hai una url da guardare....
Dalla sorgente cliccando su i file li vedi? o da errore? per vedere se qualcosa non e' incluso.

da qui se vuoi puoi provare http://jsfiddle.net/u7GX8/209/

Se nel blocco js metti

codice:

$('.open-mypage1').click(function () {
    $('#mypage-info1').slideToggle({duration:2000},"swing");
});

e selezioni la tua vs di jquery funziona.
O meglio "swing" e' un effetto che funziona anche senza easing di base.
Probabilmente manca qualcosa

**Angelo82** · 07-03-2012, 18:50

Originariamente inviato da Vindav
prova cosi:

$("#box").slideToggle(1000, "easeInElastic");

oppure:

$("#box").slideToggle({ duration: 1000, easing: "easeInElastic"});

Ah caspita così funziona...

Allora alla fine non era corretto lo script come lo avevo messo io

anche se ero convinto di si

Grazie infinite ad entrambi ragazzi

Discussione: JQuery .slideToggle( [duration] [, easing])

Strumenti discussione

Ricerca discussione

Visualizza

JQuery .slideToggle( [duration] [, easing])

Permessi di invio