在多个折叠面板中嵌套Jquery选项卡
在多个折叠面板中嵌套Jquery选项卡
提问于 2013-03-05 19:51:35
http://jsfiddle.net/SamHats/gjFUT/
我正在尝试使用accordions中的标签创建一个带有JQuery的菜单。我需要有显示在手风琴外面的标签内容。
我现在只能使用第一个显示标签的手风琴。
我的想法是我需要添加tabs类，但我对JQuery还很陌生。
$(function () {
$("#tabs").tabs().addClass("ui-tabs-vertical ui-helper-clearfix");
$("#tabs li").removeClass("ui-corner-top").addClass("ui-corner-left");
});回答 1
Stack Overflow用户
发布于 2013-03-05 19:56:35
我猜你想要这个:我把菜单的div切下来，放在手风琴上面。
http://jsfiddle.net/gjFUT/2/
<body>
<div id="tabs">
<div>
<ul>
<li><a href="#tabs-1">Records</a>
</li>
<li><a href="#tabs-2">Notes</a>
</li>
<li><a href="#tabs-3">Diary</a>
</li>
</ul>
</div>
<div id="accordion" class="panel" style="clear:both">
<h3>Darwin Tutorial</h3>
<h4>User Guide</h4>
<div>
<ul>
<li><a href="#tabs-4">Other 4</a>
</li>
<li><a href="#tabs-5">Other 5</a>
</li>
<li><a href="#tabs-6">Other 6</a>
</li>
</ul>
</div>
<h3>Support</h3>
<div></div>
</div>
<div class="rightpanel">
<div id="tabs-1">
<h2>Records</h2>
<iframe width="560" height="315" src="http://www.youtube.com/embed/cJLzekuukEE"
frameborder="0" allowfullscreen></iframe>
</div>
<div id="tabs-2">
<h2>Notes</h2>
<iframe width="560" height="315" src="http://www.youtube.com/embed/cJLzekuukEE"
frameborder="0" allowfullscreen></iframe>
</div>
<div id="tabs-3">
<h2>Diary</h2>
<iframe width="560" height="315" src="http://www.youtube.com/embed/rtfS2eFwdgw"
frameborder="0" allowfullscreen></iframe>
</div>
</div>
<div id="tabs-4">
<h2>Other 4</h2>
<iframe width="560" height="315" src="http://www.youtube.com/embed/cJLzekuukEE"
frameborder="0" allowfullscreen></iframe>
</div>
<div id="tabs-5">
<h2>Other 5</h2>
<iframe width="560" height="315" src="http://www.youtube.com/embed/cJLzekuukEE"
frameborder="0" allowfullscreen></iframe>
</div>
<div id="tabs-6">
<h2>Other 6</h2>
<iframe width="560" height="315" src="http://www.youtube.com/embed/rtfS2eFwdgw"
frameborder="0" allowfullscreen></iframe>
</div>
</div>如果我把你的问题理解错了，请纠正我
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15223092
复制相关文章
相似问题
腾讯云开发者
