Hola a todos,
Tengo un arcordeon hecho en Jquery, pero tengo un pequeño problema que seguramente alguno de ustedes lo tendra en un momento.
Resulta que quiero que cada apartado actue de forma independiente sin que al hacer click a uno de ellos los otros se cierre, es decir, abrir y cerrar si afectar a los demas apartados del mismo acordeon.
Código HTML:
$(document).ready(function(){
var animTime = 300,
clickPolice = false;
$(document).on('touchstart click', '.acc-btn', function(){
if(!clickPolice){
clickPolice = true;
var currIndex = $(this).index('.acc-btn'),
targetHeight = $('.acc-content-inner').eq(currIndex).outerHeight();
$('.acc-btn h1').removeClass('selected');
$(this).find('h1').addClass('selected');
$('.acc-content').stop().animate({ height: 0 }, animTime);
$('.acc-content').eq(currIndex).stop().animate({ height: targetHeight }, animTime);
setTimeout(function(){ clickPolice = false; }, animTime);
}
});
});
¿Alguna idea o solucion para que de comporten de forma independiente? Yo he conseguido que se abra pero no que se cierre.
Muchas gracias!