X
X
X
Website Search®
X
Blog Archive®

❖ Tambahkan State Aktif untuk JQuery Accordion

Add Active State to JQuery Accordion

Tambahkan class active pada panel akordion yang sedang aktif:

JQuery

$(function() {
$('#accordion .content').hide();
$('#accordion h2:first').addClass('active').next().slideDown('slow');
$('#accordion h2').click(function() {
if($(this).next().is(':hidden')) {
$('#accordion h2').removeClass('active').next().slideUp('slow');
$(this).toggleClass('active').next().slideDown('slow');
}
});
});

Kerangka

<div id='accordion'>
<h2>Panel 1</h2>
<div class='content'>
....
</div>
<h2>Panel 2</h2>
<div class='content'>
....
</div>
<h2>Panel 3</h2>
<div class='content'>
....
</div>
<h2>Panel 4</h2>
<div class='content'>
....
</div>
</div>

X

Posting Komentar