spectacle et liste pour cacher

Question

Chaîne +

si l'utilisateur cliquez sur le signe + je veux montrer une liste d'oder

puis String -

Si l'utilisateur clique sur le signe - je veux cacher l'ordre liste

Comment acheive cela avec javascript, ne pas utiliser ajax, jquery

Answer 1

Vous devrez créer un identifiant pour la liste ordonnée, par ex.

<ol id="superId"> 


</ol> 

puis sur javascript

function displayOL(enabled) { 
    if (enabled) { 
    document.getElementById("superId").style.display = "none"; 
    document.getElementById("minus").style.display = "block"; 
    document.getElementById("plus").style.display = "none"; 
    } else { 
    document.getElementById("superId").style.display = "block" 
    document.getElementById("minus").style.display = "none"; 
    document.getElementById("plus").style.display = "show"; 
    } 
} 

puis anchor tag

<a href="#" onclick="displayOL(true)" id="plus">+</a> 

<a href="#" onclick="displayOL(false)" id="minus">-</a> 

PS .... Je viens de faire une mise en œuvre difficile sans ordre ....

Answer 2

essayer et joint à votre tout état de cause, à savoir onclick, onmouseover, etc ...:

function toggleList(elem){ 
var theList = document.getElementById(elem); 

if(theList.style.display == "none"){ 
    theList.style.display == "block"; 
} 
else{ 
    theList.style.display == "none"; 
} 
} 

Cette méthode peut être utilisée pour tout ce que vous voulez afficher/masquer. Évidemment, vous pouvez appeler la fonction et la variable tout ce que vous voulez qui a du sens ...