MVC Bootstrap аккордеон - определить, с JavaScript, если открыт или закрыт

Question

Если у нас есть складная панель изначально определяется как этот

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

Как я могу проверить, чтобы увидеть, если он открыт или закрыт с помощью JavaScript?

Благодаря

Answer 1

Вы можете получить список классов в этом элементе (в вашем случае сОн ид = «ContactDetails»).

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

Затем вы можете просмотреть свой классList [], если один из них равен «свернуть».

Чистый путь Javascript:

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

Answer 2

С JQuery.hasClass:

$("#ContactDetails").hasClass("panel-collapse") 

Answer 3

@Jocksan был близок, за исключением того, что панель всегда будет иметь класс "панель коллапса" (как @gchq найдено) , Когда он открывается, добавляется класс «in», и когда он закрывается, класс «in» удаляется. Так что это возвращает истину для открытых, ложь для закрытых:

$("#ContactDetails").hasClass("in") 

Здесь больше о классах и как все это работает: http://getbootstrap.com/javascript/#collapse-example-accordion