顯示/隱藏後了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>