我有一个小问题与一些JS.
目前,我有一个按钮类'mobilecollapsible',当点击它时它会打开一个div' mobilecollapsiblcontent '.当你点击按钮时,它可以打开和关闭.div包含一个链接列表.
但是,我希望div关闭时,它的任何链接被关闭.
以下是相关代码:
JS:
var coll = document.getElementsByClassName("mobilecollapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function() {
this.classList.toggle("active");
var mobilecollapsiblecontent = this.nextElementSibling;
if (mobilecollapsiblecontent.style.display === "block") {
mobilecollapsiblecontent.style.display = "none";
} else {
mobilecollapsiblecontent.style.display = "block";
}
});
}
<button type="button" class="mobilecollapsible"><strong>Filter by Options: <strong class="plussign">+</strong></strong></button>
<div class="mobilecollapsiblecontent">
<ul class="ul-transactionfilterlist">
<li class="li-transactionfilterlist"><button class="galleryfilterbutton" data-filter="all"><strong>All</strong></button></li>
<li class="li-transactionfilterlist"><button class="galleryfilterbutton" data-filter="option1">Option1</button></li>
<li class="li-transactionfilterlist"><button class="galleryfilterbutton" data-filter="option2">Option2</button></li>
<li class="li-transactionfilterlist"><button class="galleryfilterbutton" data-filter="option3">Option3</button></li>
</ul>
</div>
我是一个白痴,当涉及到JS,所以我不知道在哪里修改这个代码.