如何确定引导崩溃是打开还是关闭？

Question

如果我有bootstrap崩溃，如何从点击事件中确定崩溃是打开还是关闭？

这里是我的点击事件，或者也许还有比使用点击事件更好的方法？

$(document).on("click", "a.register-student-link", function() {
    // do some stuff to check if opening or closing
}

<div>
  <a [email protected] class="register-student-link" data-toggle="collapse" href=@spaceIdWith aria-expanded="false" aria-controls="collapseExample">
                                                    Register Student
                                                </a>
</div>

Answer 1

Bootstrap使用aria-expanded属性显示该区域为真或假，如果该区域不折叠，则为true。>

var isExpanded = $(collapsableRegion).attr("aria-expanded");

Answer 2

尝试：

Answer 3

我需要一种方法来确定元素在实际折叠之前是否已折叠。事件侦听器仅在此后触发。

Answer 4

您可以观看事件hidden.bs.collapse

Answer 5

function checkStatus() {

    if($('#item1').hasClass('in')) {
        alert('closing')    
    } else {
        alert('opening')    
    }   
}

checkStatus()

Answer 6

if(!$("#id").hasClass('show')){
    alert("Uncollapsed");
}
else {
    alert("Collapsed");
}