sur mon site Web, j'ai une barre de menus qui possède des liens directs et deux menus déroulants.
sur le téléphone mobile, lorsque je vis de premier plan sur le menu déroulant seconde, il s'ouvre et je peux voir ses liens. Ensuite, je vis sur la première sorcière de menu déroulante qu'elle est ouverte à trouver également. Mais, maintenant, lorsque je retourne sur le deuxième menu déroulant, il agit comme si j'avais enregistré le prochain lien direct de la barre de menus.
J'ai essayé de mettre un lien de mort (#) sur, car instance, le deuxième menu déroulant sans succès.
Si vous souhaitez vérifier: HTTPS : //www.veganimaliste.com/index.php
Voici le code HTML PHP voici le code CSS < / p>
3 Réponses :
Vous n'ajoutez que survoler pour montrer des sous-menus dans CSS. Veuillez ajouter «actif» de classe à l'élément de menu lorsque vous avez cliqué sur le menu à l'aide de jQuery.
.dropdown.active .dropdown-content {
display:block;
}
Merci Rayess, je réponds à votre suggestion ici parce que je ne peux pas rendre le code bien lorsque j'utilise Ajouter un commentaire.
Le seul autre code JS que j'utilise est ce P>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
i Ajouter cette Affichage: Bloc; strong> au code ci-dessous. Donc, maintenant, tous les menus déroulants restent ouverts Witch sont meilleurs, mais je préférerais que nous puissions les ouvrir et les fermer en enregistrant leur titre. Je ne sais pas comment utiliser JS. /* dropdown menu */
.topnav.responsive .dropdown-content {
position: relative;
width: 100%;
margin: 0;
padding-left: 20px;
display:block; /* keep open all the dropdown menus*/
}