[英]Jquery UI accordion - Open two tabs in a controler
How to open two tabs in jQuery UI accordion controller at first load. 第一次加载时如何在jQuery UI手风琴控制器中打开两个选项卡。 There after normal behavior. 出现正常现象之后。 Accordion default code. 手风琴默认代码。
<script>
$(function() {
$( "#accordion" ).accordion();
});
</script>
You can use your own accordion without using JQuery UI. 您可以使用自己的手风琴,而无需使用JQuery UI。 Function for open one tab in accordion: 在手风琴中打开一个标签的功能:
activeContent = $(".accordion > div:has(" + /*item's text*/ + ")"); //your submenu item
activeContent.show();
activeContent.siblings("div:visible").hide();
activeContent.prev("h3").addClass("active");
activeContent.prev("h3").siblings("h3").removeClass('active');
$(".accordion > div p").removeClass('selected');
$(".accordion > div " + /*item's text*/).addClass('selected');
And structure html should be: 并且html结构应为:
<div class="accordion">
<h3 class="subMenuItemHeader">Header1</h3>
<div>
<p class="submenuItem">Submenu item 1</p>
<p class="submenuItem">Submenu item 2</p>
<p class="submenuItem">Submenu item 3</p>
</div>
<h3 class="subMenuItemHeader">Header2</h3>
<div>
<p class="submenuItem">Submenu item 1</p>
<p class="submenuItem">Submenu item 2</p>
<p class="submenuItem">Submenu item 3</p>
</div>
</div>
So you'll be able to open two tabs in accordion. 这样您就可以在手风琴中打开两个标签。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.