我正在使用 jquery Accordion 来显示网站的信息。我使 slider 在用户单击子菜单中的特定链接时打开。
设施--> 1. 房间 2. 招待 3. 绿色步行道 4. 书籍选项
如果用户单击任何子菜单,则会打开相关的 Accordion 选项卡。我用下面的代码做到了。
<script type="text/javascript">
jQuery(function () {
jQuery("#accordion").accordion();
});
jQuery(document).ready(function () {
$(<%=m_id %>).next().toggle('slow'); //<%=m_id%> the id of every tabs of accordion i pass form the code behind in asp.net
});
</script>
HTML:
<div id="accordion">
<h3 id="rooms">
a href="#">Rooms</a></h3>
<div id="rooms">
<p>
Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus
</p>
</div>
<h3 id="Hosp">
a href="#">Hospitality</a></h3>
<div id="Hosp">
<p>
High Performance team Building, Leadership
Development Program, Train the Trainers, Introduction to NLP and Advanced NLP, Fire-Walk
etc.
</p>
</div>
<h3 id="green">
Green Walk
<div id="green">
<p>
et malesuada fames ac turpis egestas. Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean
lacinia mauris vel est.
</p>
</div>
<h3 id="book">
<a href="#">Book Options</a></h3>
<div id="book">
<p>
Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class
aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
</p>
</div>
</div>
所以,这里的问题是当用户单击下一个子菜单或单击 Accordion 中的下一个选项卡时,前一个选项卡保持打开状态。
如何在下一个选项卡打开时关闭打开的选项卡。
最佳答案
我让 Accordion 可以与这个 javascript 一起正常工作
<script type="text/javascript>
var i=0;
$(document).ready(function () {
jQuery('#accordion').accordion();
autoHeight: true;
$('#<%=m_id %>').next().slideDown('slow');
$(document).click(function(){
if(i==0){$('#<%=m_id %>').next().slideUp('slow');i++}else{$('#<%=m_id %>').val('');}
});
});
</script>
关于javascript - Accordion slider 在单击其他选项卡时不会关闭上一个选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9756470/