Il a été modifié dans le répertoire secondaire d'origine, et une démonstration a été présentée en premier
Voici CSS
/ * bg macji (http://www.macji.com) * / ul, li, p {margin: 0; rembourrage: 0; Style de liste: aucun; FONT-SIZE: 12px} .m_menu_title {hauteur: 24px; line-height: 24px; text-align: Center; margin: 0 1px} .m_menu_content {border-top: solide 1px #ccc; padding: 8px 2px} / * premier niveau * / .m_menu_content p {hauteur: 22px; line-height: 22px} .m_menu_content pa {couleur: # 666633; Police-poids: Bold; Décoration du texte: aucune; Contexte: URL (http://www.macji.com/blog/img/icon.gif) No-Repeat 8px 4px; rembourrage: 0 0 0 30px; Affichage: Block} .m_menu_content PA: Hover {Color: # fe8005; Font-Weight: Bold; Text-Decoration: Aucun} .m_menu_content P a.on {Background Position: 8px -18px {Line-Height: 22Px}. A {couleur: # 000; Décoration du texte: aucune; Affichage: bloc; rembourrage: 0 0 0 40px; Contexte: URL (http://www.macji.com/blog/img/icon.gif) No-Repeat 18px 4px} .Menu2 a.on {background-position: 18px -18px} / * niveau 3 * / .menu2 ul {} .menu2 ul a {background-position: 30px -39px; rembourrage: 0 0 0 50px; Couleur: # 666633; text-décoration: soulignement} .menu2 ul a: hover {background-color: # f5f5f5; Couleur: # F60}Le répertoire est bouclé, je l'ai écrit à mort. Voici un js
/ * Ici, je l'écris directement. Selon le numéro d'identification entrant, il est normal de déterminer s'il est affiché. S'il n'est pas affiché, il est affiché. Vous pouvez éteindre le répertoire avec le langage côté serveur * / fonction setMenulist (num) {var p = document.getElementById ('p' + num); var ul = document.getElementById ('ul' + num); if (ul.style.display == 'Aucun') {ul.style.display = 'Aucun') {ul.style.display = 'Aucun'; } else {ul.style.display = 'Aucun'; p.classname = ""; }}Vue de démonstration