我正在寻找一个简单的解决方案来显示/隐藏/滑动(以最简单的方式)我的页面上的其他地方的外部div,同时我的相应的coda面板滑入视图。所以基本上我试图将一个面板滑入视图,同时还将另一个面板向下滑动到不在同一容器中的页面上。
我正在使用这个搭载coda滑块的脚本:http://scriptplayground.com/tutorials/js/Customizable-and-Flexible-jQuery-Carousel-Rotator/
我找到了一个可以单击以显示/隐藏外部div的解决方案,但是当脚本自动选择下一个选项卡时出现问题 - 外部div的点击事件现在已经过时了。
答案 0 :(得分:0)
您的选择者
<ul class="toggle_links">
<li><a href="#" rel="tab1">Open Close tab1</li>
<li><a href="#" rel="tab2">Open Close tab2</li>
<li><a href="#" rel="tab3">Open Close tab3</li>
<li><a href="#" rel="tab4">Open Close tab4</li>
</ul>
你的Divs
<div class="tab_containers">
<div id="tab1">This is tab 1</div>
</div>
使用Javascript:
$(document).ready(function(){
$('.tab_containers div').hide(); //Hide all the containers
//Bind the links
$('.toggle_links li a').click(function(){
var tabToOpen = $(this).attr('rel');
$(this).addClass('active');
if($('#' + tabToOpen).css('display') != '')
{
//Its already open.
return;
}
$('.toggle_links div').fadeout(); //hide them all
//Open it up!
$('#' . tabToOpen).slidein();
//Return false to prevent the links from there default method.
return false;
});
});
这是你的意思吗?