Tambahkan State Aktif Untuk Jquery Accordion

Published by Concept Phone Selasa, 29 Januari 2019

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>

Lihat Demo

Sumber https://www.dte.web.id/