web-dev-qa-db-fra.com

Ouvrir les sous-catégories dans le sous-menu en cliquant dans le menu principal

Je cherche un moyen de gérer le menu de telle sorte que lorsque je clique sur l'élément de menu dans le premier menu, les sous-catégories ou les liens que je choisis doivent être affichés dans le menu secondaire .. par exemple, lorsque Je clique sur Divertissement dans le menu de navigation, les sous-catégories/sujets tels que potins, hollywood, bollywood doivent apparaître dans le menu situé sous le menu principal ... (par exemple .. consultez le site Web ibnlive.com ou latimes.com, il travaille dans une passion similaire) ...

categoriesmenusnavigation
1
Jai

Vous pouvez le faire de trois manières:

  1. La première fois, vous auriez besoin de rendre le menu statique dans le thème lui-même afin d'avoir un contrôle total sur tous les liens et classes d'ancrage.
  2. Dans le gestionnaire de menus, vous pouvez affecter une classe personnalisée au lien d'ancrage, puis lier les événements jQuery aux liens d'ancrage afin qu'ils correspondent à un menu spécifique de votre choix.
  3. Créer un plugin qui vous permet de définir une option permettant à des menus spécifiques de devenir des enfants du parent sous la forme d'un menu séparé mais accessible uniquement en survolant un élément de menu auquel un sous-menu a été attribué.

J'espère que ça aide un peu plus.

2
Chris

Je l'ai fait sur de nombreux sites, mais ma mise en œuvre se fait via UN SEUL menu à l'aide de CSS. (Vous pouvez également utiliser JavaScript pour certains effets intéressants.)

Sous Apparence -> Menus, je crée un menu et fais glisser les liens de sous-menu sous leur lien "parent" dans ce menu. (L'intérêt de cette solution réside dans le fait qu'elle est simple et que, si vous deviez ajouter un troisième niveau à l'avenir, cela ne nécessiterait pas beaucoup de travail supplémentaire.)

  • Des voitures
    • Porcshe
    • Maserati
    • Aston Martin
  • Villes
    • New York
    • Chicago
    • Los Angeles

Ensuite, j'utilise CSS pour les styler. Lorsque vous êtes sur une page, WordPress utilise une classe d'élément de menu "en cours", "parent" ou "ancêtre". Ceux-ci peuvent être utilisés pour afficher le menu approprié. Et vous profiterez également de la pseudo-classe ': hover' pour afficher le sous-menu approprié en survol. Vous pouvez également opter pour les méthodes show() et hide() de jQuery si vous souhaitez incorporer une animation JS fluide.

Il faudrait un peu de travail pour produire tous les CSS et jQuery appropriés ici, donc j'espère que cela vous oriente dans la bonne direction.

0
Velvet Blues