顯示和隱藏順序列表

Question

字符串+

如果用戶點擊+號，我想展示一些奧德列表

此後字符串 -

如果用戶點擊 - 號我想隱藏秩序名單

如何使用JavaScript達致這，不使用AJAX，jQuery的

Answer 1

你將不得不爲有序列表創建一個id，例如，

<ol id="superId"> 


</ol> 

然後於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"; 
    } 
} 

然後anchor標籤

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

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

PS ....我只是做了一個粗略的實施沒有訂單....

Answer 2

嘗試這樣做，它連接到您的任何活動，即的onclick，的onmouseover，等等：

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

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

此方法可用於任何要顯示/隱藏的內容。很明顯，你可以調用函數和變量，你喜歡的任何有意義的東西...