我正在使用 jQuery Accordion , Accordion 在一个页面上运行完美,但在另一个页面上无法工作。
例如;在 http://mobiletest.me/ipad_mini_emulator/?u=http://www.hadeyaa.com/checkout如果我点击登录$而不是快速结账。一次只能打开一个。但是 2 个 Accordion 正在打开。
在 http://mobiletest.me/ipad_mini_emulator/?u=http://www.hadeyaa.com/login 上完美运行.
我正在使用以下 html 来制作 Accordion 。
<div class="row visible-xs visible-sm">
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
<h4 class="panel-title">
<a class="accordion-toggle" >Registered Customers</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">
<div class="col-sm-12 col-lg-6 col-md-6">
accordion 1
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
<h4 class="panel-title">
<a class="accordion-toggle" >New Customers</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse">
<div class="panel-body">
<div class="col-sm-12 col-lg-6 col-md-6">
accordion 2
</div>
</div>
</div>
</div>
</div>
</div>
最佳答案
您需要首先循环所有 Accordion 元素并删除开放类(如果有)。之后,您可以将该类附加到您想要打开的类中。
删除“in”类,然后将属性 aria-expanded 设置为 false,以便 Bootstrap 知道当用户单击它时要做什么
关于javascript - 如果点击一个 Accordion ,如何最小化其他 Accordion ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37051339/