jQuery vertical passez accordéon
Ce que jQuery plugins existent pour une verticale stationnaire de l'accordéon? Je suis à la recherche d'un plugin pour être utilisé pour un menu où:
- sous-éléments de menu ne fera qu'élargir après une seconde d'être planait au-dessus (donc quelque chose qui peut-être utilise le hoverIntent plugin);
- il peut dégrader gracieusement si Javascript est désactivé; et
- permettra de réduire/fermer tout élément du sous-menu lorsque la souris se déplace complètement hors d'elle.
merci u beaucoup!
- Comme Ekeko dit, jQuery UI est le chemin à parcourir. Mais juste un mot d'avertissement: Ce genre d'accordéon est f**ing ennuyeux et me fait de désactiver le JavaScript juste pour vous...
- Je suis d'accord avec vous, mais essayez de convaincre mon client!
Vous devez vous connecter pour publier un commentaire.
Vous pouvez essayer jquery UI accordion. Il a beaucoup d'options et vous pouvez le personnaliser, trop.
Je peux me tromper, mais je pense qu'il y a peut être des problèmes inhérents à l'utilisation d'un passage de la souris ou événement mouseenter de contrôle de la verticale à l'accordéon, à moins que vous vraiment savoir ce que les sous-menus sont va être comme.
Le problème réside dans le si: vous avez une longue liste d'éléments dans un sous-menu, et des sous-menus ou seul les éléments de menu qui suivent ci-dessous. comme ceci:
Ainsi, lorsque vous vous déplacez d' #2, #3, #2 s'effondre, en mettant le pointeur de la souris en bas de la liste. Vous feu de tous mouseover/ou mouseenter/laisser événements pour le #3, #4, #5... et peut-être aller au-delà du menu... les choses peuvent commencer à rebondir comme un fou.
Peut-être le hoverIntent plugin peut être fait pour travailler, mais je pense que juste en utilisant le clic de la souris est une solution plus élégante. Au moins pour une abstraction de la liste, ce qui est.
hey prendre un coup d'oeil à ce plugin pour Passez de l'Accordéon, j'ai été à la recherche pour le même effet, et j'ai trouvé ceci. http://berndmatzner.de/jquery/hoveraccordion/
Et cela peut aider à vous faire passer de original accordéon jquery.
$("#accordion").accordion({
event: "mouseover"
});
Essayez ces: