[英]Accordion - close one item when opening another one
我想在另一个项目打开时自动关闭一个项目,因此在任何时候都只有一个项目处于打开状态。
HTML
<ons-list-item tappable class="accordion" onclick="fn.toggle(this)">List 1</ons-list-item>
<div class="panel">
<ons-list-item tappable>Item 1</ons-list-item>
<ons-list-item tappable>Item 2</ons-list-item>
</div>
JS
window.fn = {};
window.fn.toggle = function(el) {
el.classList.toggle("active");
el.nextElementSibling.classList.toggle("show");
}
这是答案:
window.fn = {};
window.fn.toggle = function(el) {
var elems = document.querySelectorAll(".accordion.active");
[].forEach.call(elems, function(els) {
if (el != els) {
els.classList.toggle("active");
els.nextElementSibling.classList.toggle("show");
}
});
el.classList.toggle("active");
el.nextElementSibling.classList.toggle("show");
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.