javascript - MVC Bootstrap Accordion - 使用 JavaScript 确定打开还是关闭

Question

如果我们有一个最初定义为这样的可折叠面板

 <div id="ContactDetails" class="panel-collapse collapse">

我如何通过 JavaScript 测试它是打开还是关闭？

谢谢

Answer 1

您可以在该元素中获取类列表(在您的例子中是 div id = "ContactDetails")。

var classList = document.getElementById('ContactDetails').className.split(/\s+/);
for (var i = 0; i < classList.length; i++) {
   if (classList[i] === 'collapse') {
     //do something
   }
}

然后您可以浏览您的 classList[](如果其中之一等于“collapse”)。

纯 Javascript 方式:

var classList =$('#ContactDetails').attr('class').split(/\s+/);
$.each( classList, function(index, item){
    if (item === 'collapse') {
       //do something
    }
});