Convertissez l’accordéon en onclick

J’ai un menu accordéon qui est développé avec css3 pur. Actuellement, il ouvre le menu lorsque vous la survolez, mais je souhaite l’ouvrir en cliquant dessus. Ho puis-je atteindre cela?

Encore une aide. Actuellement, content div est dans le côté droit de l’en-tête, mais j’ai besoin que cela soit ouvert dans le côté gauche.

Et le contenu div devrait avoir une largeur automatique basée sur le contenu.

Voici la démo

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

FIDDLE

Je pense que vous n’avez pas seulement besoin d’un clic, mais souhaitez également fermer les panneaux précédemment ouverts. Vérifiez ensuite le code suivant:

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

Exemple jsFiddle

J’espère que cela fonctionne pour vous!