slideup et glisser vers le bas avec l'animation animée

Question

J'ai besoin d'un effet de glissement lisse et je ne peux pas sembler comprendre ce que je fais mal. Je l'ai essayé ce qui suit

$(document).ready(function(){ 
    $('.drop2').click(function(){ 
     var $next = $(this).parent().next('li.drop_down2'); 
     if($next.is(':visible')) { 
      $next.animate( {'display':'none'}, 'slow', 'easeOutBounce'); 
     } else { 
     $next.animate( {'display':'block'}, 'slow', 'easeOutBounce'); 
     } 
    }); 
    }); 

    $(document).ready(function(){ 
    $('.drop2').click(function(){ 
     var $next = $(this).parent().next('li.drop_down2'); 
     if($next.is(':visible')) { 
      $next.slideUp({ 
      duration: 1000, 
      easing: easeInSine, 
      complete: callback}); 
     } else { 
      $next.slideDown(); 
     } 
    }); 
    }); 

Y at-il quelque chose que je fais mal à faire cet effet lisse se produire

Answer 1

Cela devrait vous aider à démarrer, Matt:

<div class="trigger"><a href="#" onclick="return false">Expand one.</a></div> 
<div class="expander">Item one is now shown.</div> 

<div class="trigger"><a href="#" onclick="return false">Expand two.</a></div> 
<div class="expander">Item two is now shown.</div> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script> 
<script> 
jQuery(document).ready(function() { 
    jQuery('.expander').hide(); 
    jQuery('.trigger').click(function() { 
     jQuery(this).next('.expander').slideToggle(); 
    }); 
}); 
</script>