Jquery Accordion Easing - PullRequest
Новая
       9

Jquery Accordion Easing

1 голос
/ 11 ноября 2009

Я пытаюсь придать своему аккордеону более приятный вид ... но это не происходит для меня ... есть идеи?

Вот мой код в самом аккордеоне ... 

    <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>

И в голову ... 

<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>

Ответы [ 2 ]

2 голосов
/ 27 августа 2013 
TypeError: $.ui.accordion.animations is undefined

Принятый ответ, похоже, больше не работает.

Это: 

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

теперь изменилось на анимацию: 

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

Решение: 

$( "#accordion" ).accordion({ 
    animate: { easing: 'easeOutBounce', duration: 1000 }, 
});
1 голос
/ 11 ноября 2009

Я всегда использовал для этого свойство animated, а не плагин замедления. e.g.:

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

Возможно, попробуй.

Хотя я понял, что в любом случае используется плагин замедления!

Итак, я провел небольшое исследование и нашел комментарий в этом документе , в котором объясняется, как определять собственные анимации на основе замедления. Итак, чтобы делать то, что вы хотите, вы можете использовать следующее: 

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

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