显示和隐藏的东西在幻灯片切换jquery

Question

我有一个面板有滑动切换效果点击一个按钮，随着这个幻灯片切换我也隐藏一个div点击事件当面板滑下该div应该隐藏，当面板向上滑动股利再次出现如何做到这一点

Answer 1

你可以使用回调和.toggle()，说你<div>看上去像位像这样illsutration：

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