显示/隐藏后了slideDown

Question

我想在这里了slideDown后添加淡入/淡出动画：

http://jsfiddle.net/lamberta/e44kB/

我tryed添加和与写 .fadeOut(350, function() { & .fadeOut(350, function() {

但没有工作，我不知道该把它放在哪里，有人知道如何把它放在这里？

Answer 1

您可以通过

脚本

function toggleSlider() { 
    if ($("#demo").is(":visible")) { 
     $("#hola").animate(
      { 
       opacity: "0" 
      }, 
      600, 
      function(){ 
       $("#hola").slideUp(); 
      } 
     ); 
    } 
    else { 
     $("#demo").slideDown(600, function(){ 
      $("#hola").animate(
       { 
        opacity: "1" 
       }, 
       600 
      ); 
     }); 
    } 
} 

HTML

<a href="#" onclick="toggleSlider();">toggle</a> 
<div id="demo" style="display:none;background:#eee;padding:10px;"> 
    <div id="hola" style="opacity:0;filter:alpha(opacity=0);"> 
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut tortor erat, et consectetur nisl. Nunc non placerat odio. Cras feugiat pulvinar diam sed sollicitudin. Quisque ut elit lacus, et gravida nunc. Maecenas ac enim ligula. Aenean felis nunc, vulputate pellentesque vehicula nec, tristique a tortor. Curabitur et semper dui. Sed id nisl turpis. Sed vel nunc et nisi laoreet feugiat. Sed lobortis enim sed arcu tempor vehicula. Vivamus dui ligula, ultricies id egestas ut, rhoncus et est. Pellentesque dignissim diam vel nibh tempus condimentum. Etiam sodales fermentum pharetra. Etiam faucibus tempus malesuada. Mauris nulla lectus, laoreet sit amet cursus vel, ultricies at enim. Sed facilisis rutrum eros, nec malesuada eros iaculis ac. 

    </div> 
</div>