scratch - nested accordion jquery

Convierta el acordeón de desplazamiento en onclick

Question

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

Answer 1

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!

Answer 2

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

FIDDLE