切换和淡化效果按顺序

我期待滑动下来之间进行切换，然后淡入和淡出然后在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>

但它只适用于初始点击。可以添加两个功能来点击之间的切换吗？是否存在一种不跟踪状态变量的方式来进行上述操作？谢谢！

来源

2011-02-17 Kevin Sylvestre

解决：

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

来源

2011-02-17 04:23:30

可以使用的是（）和：可视检查状态。试试这个：

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

来源

2011-02-17 04:03:37 Chandu

谢谢，但我一直在寻找不同的顺序，但（滑动下降然后淡入;淡出然后滑动）。我设法弄清楚，但欣赏答案！ – 2011-02-17 04:25:01

你可以考虑FadeToggle

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

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

来源

2011-02-17 04:09:38 bcm

谢谢，但我正在看一个不同的顺序，虽然（下滑然后淡入;淡出然后滑动）。我设法弄清楚，但欣赏答案！ – 2011-02-17 04:32:46

切换和淡化效果按顺序

回答

相关问题