simple scratch from ejemplos bootstrap jquery jquery-ui css3 onclick accordion

scratch - nested accordion jquery



Convierta el acordeón de desplazamiento en onclick (2)

Creo que no solo se necesita un clic, sino que también se desea cerrar los paneles que se abrieron anteriormente; luego, consulte este código:

$(''h3'',''.horizontalaccordion ul li'').click(function() { $(''*[class*=hover]'').removeClass(''hover''); // close all opened tabs $(this).closest(''li'').addClass(''hover''); // open the currently clicked one });​

Ejemplo jsFiddle

¡Espero que eso funcione para usted!

Tengo un menú de acordeón que se desarrolla con pure css3. Actualmente está abriendo el menú cuando está sobre él, pero quiero que se abra al hacer clic. ¿Lo logro?

Una ayuda más Actualmente el contenido div está en el lado derecho del encabezado, pero necesito que se abra en el lado izquierdo.

Y el contenido div debe tener ancho automático basado en el contenido.

Aquí está la DEMO


$(''h3'',''.horizontalaccordion ul li'').on(''click'',function() { $(this).closest(''li'').toggleClass(''hover'').siblings().removeClass(''hover''); });​

FIDDLE