[英]button to open specific accordion tab
我正在尝试创建一个按钮或链接来打开特定的手风琴标签,这是我的手风琴结构:
<div class="tabs">
<div class="tabs-header">
<div class="border"></div>
<ul>
<li class="active"><a href="#tab-1" tab-id="1">Home</a></li>
LINK HERE to open Tab 2
LINK HERE to open Tab 3
<li><a href="#tab-2" tab-id="2">Symptom Checker</a></li>
<li><a href="#tab-3" tab-id="3">Locator</a></li>
</ul>
</div>
<div class="tabs-content">
<div tab-id="1" class="tab active"></div>
<div tab-id="2" class="tab"></div>
<div tab-id="3" class="tab"></div>
</div>
我猜会有一个可以应用于按钮的onclick事件吗? 我试过了:
<a href="#tab-2" tab-id="2">Symptom Checker </a>
但是除了更新URL之外没有其他反应
您可以使用
$('your_button').on('click',function(){ $( "#accordion" ).accordion( "option", "active", 1 ); });
对于tab2和
$('your_button').on('click',$( "#accordion" ).accordion( "option", "active", 2 );})
对于tab3
或者您可以使用onclick属性
<a onclick="$( '#accordion' ).accordion( 'option', 'active', 1 )">Click here for tab2</a>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.