在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