Самодельный аккордеон на jQuery


Аккордеон может иметь отношение к музыке

Недавно пришлось написать свой аккордеон. Пришлось, потому что штатный, включённый в Twitter Bootstrap, глючит в MSIE. Например на момент написания поста аккордеон глючил в IE9.

Впрочем, нет ничего сложного в написании такого аккордеона самостоятельно.

HTML
===========================

Тут делаем всё как для обычного аккордеона

Javascript
===========================
Дальше просто — переключаем этот блок, прячем остальные.
(не забудьте включить jQuery)

$(document).ready(function() {	
	$(".accordion-toggle").click(function(){
	    $( $(this).attr("data-parent")+" .accordion-body" )
                .not( $(this).attr("href") )
                .slideUp();
	    $( $(this).attr("href") ).slideToggle();
	    return false;
	})
});

CSS
===========================
И конечно, надо спрятать блоки в самом начале.

.accordion-body{
    display: none;
}

Резюме
===========================
Такой вариант гарантированно работает IE9. Стили и оформление я использовал родные из бутстрапа, но можно поменять.

Дёшево и сердито =)