切換和淡化效果按順序

Question

我期待滑動下來之間進行切換，然後淡入和淡出然後在jQuery的上滑的效果。是否有可能做這樣的事情與toggle？我目前有：

<a href="#" id="toggle">more</a> 

<div id="about"> 
    <p id="info">...</p> 
</div> 

<script> 
    $('#toggle').click(function() { 
    $('#about').toggle('fast', function() { $('#info').fadeIn(); }); 
    }); 
</script> 

但它只適用於初始點擊。可以添加兩個功能來點擊之間的切換嗎？是否存在一種不跟蹤狀態變量的方式來進行上述操作？謝謝！

Answer 1

解決：

$("#info").toggle(
    function() { $("#about").toggle('fast', function() { $("#info").fadeToggle('fast'); }); }, 
    function() { $("#info").fadeToggle('fast', function() { $("#about").toggle('fast'); }); } 
); 

Answer 2

可以使用的是（）和：可視檢查狀態。 試試這個：

<script> 
    $('#toggle').click(function() { 
     var about = $("#about") 
     if(about.is(':visible')){ 
      $('#about').toggle('fast', function() { $('#info').fadeOut(); }); 
     } 
     else{ 
      $('#about').toggle('fast', function() { $('#info').fadeIn(); }); 
     } 

    }); 
</script> 

Answer 3

你可以考慮FadeToggle

http://api.jquery.com/fadeToggle/

<script> 
$('#toggle').click(function() {  
    $('#about').toggle('fast', function() { 
     $('#info').fadeToggle(); 
    }); 
}); 
</script>