Masquer/afficher le menu onclick javascript
Je veux faire un afficher/masquer le menu qui s'affiche lorsque vous cliquez sur le p
-tag avec id menu
et masque lorsque vous cliquez sur le même p
-tag — mais apparemment, je suis inutile sur le JavaScript. Je ne veux pas utiliser jQuery, j'ai vraiment envie de l'apprendre! Quelqu'un là-bas?
Voici mon code HTML:
<nav>
<p id="menu"> Menu</p>
<ul id="menu-box">
<li><a href="index.html">Start</a></li>
<li><a href="animal.html">Animal</a></li>
<li><a href="pictures.html">Pictures</a></li>
</ul>
</nav>
Voici mon code JavaScript (pour l'instant):
function setUp() {
document.getElementById("menu").onclick = setMenu;
}
function setMenu() {
var menuBox = document.getElementById("menu-box");
menuBox.className = "menuBox";
}
setUp();
- Je suis en supposant que votre classe
menuBox
constains le css pour masquer le menu. Si vous êtes à la recherche d'une solution pour vous montrer comment faire pour supprimer une classe et de vérifier si l'on est d'appliquer cette réponse va vous montrer comment ► Ajout et Suppression de Classes, avec de simples croix-navigateur JavaScript
InformationsquelleAutor pythonious | 2016-02-23
Vous devez vous connecter pour publier un commentaire.
JS:
HTML:
Si votre apprentissage de cette liste déroulante ,alors je vous suggère d'apprendre à partir de ce bouton 🙂
et ajouter ce style
Maintenant basculer le cacher et de montrer avec javascript
Lorsque l'utilisateur clique sur le bouton,
basculer entre le masquage et l'affichage de la liste déroulante contenu
Utiliser ceci:
JS:
CSS:
HTML: