在jquery中显示和隐藏幻灯片上的切换

Question

我有一个面板，在点击按钮时有滑动切换效果，还有这个滑动切换，我也在点击事件上隐藏了一个div，当面板滑下时，div应该隐藏，当面板向上滑动时，div重新出现如何做到这一点

Answer 1

你可以使用回调和.toggle()，假设你的<div>是这样的：

<button>Toggle</button>
<div id="one">Hi! I'm div #one, how ya doin?</div>
<div id="two">I show only when one is gone</div>

你可以这样做：

​$("button").toggle(function() {
    $("#two").hide();
    $("#one").slideDown();
}, function() {
    $("#one").slideUp(function() {
       $("#two").show(); 
    });
});​​​

You can give that a try here，或者如果.slideToggle()想让它们占据相同的区域，你也可以把它们改出来，如下所示：

$("button").click(function() {
    $("#one, #two").slideToggle();
});​

You can give that a try here。