Comment afficher et masquer un simple <ol> liste avec onclick?
Considérant le paragraphe suivant et de la liste:
<p id = "list1" onclick = "openList1()">List of Items</p>
<ol>
<li><a href = "/exampleFolder/file1.txt">List Item 1</a></li>
<li><a href = "/exampleFolder/file2.txt">List Item 2</a></li>
<li><a href = "/exampleFolder/file3.txt">List Item 3</a></li>
<li><a href = "/exampleFolder/file4.txt">List Item 4</a></li>
<li><a href = "/exampleFolder/file5.txt">List Item 5</a></li>
</ol>
Comment puis-je afficher et de masquer cette liste entière avec le Javascript?
<script>
function openList1() {
...
}
</script>
Je vous remercie pour l'attention!
- Google "afficher et masquer un div" et vous verrez beaucoup de façons.
InformationsquelleAutor Ericson Willians | 2013-07-10
Vous devez vous connecter pour publier un commentaire.
Vous pouvez donner un id à la
OL
liste.Et puis dans votre javascript, vous pouvez basculer comme ça...
Pouvez-vous utiliser JQuery? Si oui, essayez les
D'abord, vous pouvez modifier votre liste:
Vous pouvez écrire une fonction pour afficher:
Pour cacher votre élément: