Jquery Accordion Easing

Question

J'essaie d'avoir une meilleure sensation à mon accordéon ... mais ça ne se passe pas pour moi ... des idées?

Voici mon code dans l'accordéon lui-même ...

<div id="accordion"> 
     <h3 id="branding"><a href="#">Branding</a></h3> 
     <div>Lorem Ipsum is simply dummy text</div>    
     <h3 id="website"><a href="#">Website</a></h3> 
     <div>Lorem Ipsum is simply dummy text</div> 
    </div> 

Et dans la tête ...

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script> 
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script> 
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.accordion.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
    $('#accordion').accordion({ navigation: true, easing: 'easeInBack' }); 
    }); 
</script> 

Answer 1

J'ai toujours utilisé la propriété 'animée' pour ce faire, plutôt que le plugin d'accélération. par exemple:

$('#some-list').accordion({collapsible: true, 
          animated: 'bounceslide', 
          autoHeight: false}); 

Essayez peut-être cela.

Bien que je me suis rendu compte que cela utilise le plugin d'accélération de toute façon!

J'ai donc fait un peu de recherche et j'ai trouvé un commentaire dans this document qui explique comment définir vos propres animations basées sur l'accélération. Donc, pour faire ce que vous voulez, vous pouvez utiliser les éléments suivants:

$.ui.accordion.animations.eib = function(settings) { 
    this.slide(settings, { 
    easing: "easeInBack", 
    duration: 600 
    }); 
}  

$(function() { 
    $("#accordion").accordion({ 
    animated: "eib" 
}); 

Answer 2

TypeError: $.ui.accordion.animations is undefined 

La réponse acceptée ne semble pas fonctionner plus.

Ce:

$(function() { $("#accordion").accordion({ 
    animated: "eib" 
}); 

a changé pour animer:

$(function() { 
    $("#accordion").accordion({ 
    animate: "easeOutBounce" 
}); 

Solution:

$("#accordion").accordion({ 
    animate: { easing: 'easeOutBounce', duration: 1000 }, 
});