gpt4 book ai didi

javascript - 按钮打开特定的 Accordion 选项卡

转载 作者:行者123 更新时间:2023-12-02 13:54:42 25 4
gpt4 key购买 nike

我正在尝试创建一个打开特定 Accordion 选项卡的按钮或链接,这是我的 Accordion 结构:

  <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 );})

对于选项卡3

或者您可以使用 onclick 属性

<a onclick="$( '#accordion' ).accordion( 'option', 'active', 1 )">Click here for tab2</a>

See a working demo here.

来源http://api.jqueryui.com/accordion/#option-active

关于javascript - 按钮打开特定的 Accordion 选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40784024/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com