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!