更改showhide腳本以便隱藏子級別

Question

我正在使用一個showhide腳本，我已更改它以便爲不同級別的菜單啓用該腳本。目前，我有什麼是：

<script type="text/javascript"> 
visibleDiv1 = ""; 
function showHide1(elementid1,qstring){ 
    if (document.getElementById(elementid1).style.display == 'none'){ 
    document.getElementById(elementid1).style.display = ''; 
    if(visibleDiv1 != ""){ 
     if(visibleDiv1 != elementid1){ 
     document.getElementById(visibleDiv1).style.display = 'none'; 
     } 
    } 
    visibleDiv1 = elementid1; 
    } else { 
    document.getElementById(elementid1).style.display = 'none'; 
    } 
} 

visibleDiv2 = ""; 
function showHide2(elementid2,qstring){ 
    if (document.getElementById(elementid2).style.display == 'none'){ 
    document.getElementById(elementid2).style.display = ''; 
    if(visibleDiv2 != ""){ 
     if(visibleDiv2 != elementid2){ 
     document.getElementById(visibleDiv2).style.display = 'none'; 
     } 
    } 
    visibleDiv2 = elementid2; 
    } else { 
    document.getElementById(elementid2).style.display = 'none'; 
    } 
} 

visibleDiv3 = ""; 
function showHide3(elementid3,qstring){ 
    if (document.getElementById(elementid3).style.display == 'none'){ 
    document.getElementById(elementid3).style.display = ''; 
    if(visibleDiv3 != ""){ 
     if(visibleDiv3 != elementid3){ 
     document.getElementById(visibleDiv3).style.display = 'none'; 
     } 
    } 
    visibleDiv3 = elementid3; 
    } else { 
    document.getElementById(elementid3).style.display = 'none'; 
    } 
} 

visibleDiv4 = ""; 
function showHide4(elementid4,qstring){ 
    if (document.getElementById(elementid4).style.display == 'none'){ 
    document.getElementById(elementid4).style.display = ''; 
    if(visibleDiv4 != ""){ 
     if(visibleDiv4 != elementid4){ 
     document.getElementById(visibleDiv4).style.display = 'none'; 
     } 
    } 
    visibleDiv4 = elementid4; 
    } else { 
    document.getElementById(elementid4).style.display = 'none'; 
    } 
} 
</script> 

而且基本上是我想要做的是讓ShowHide1也隱藏visibleDiv2,3,4當我點擊與功能相關聯的按鈕。 ShowHide2隱藏3,4和ShowHide3隱藏4.因爲我有每個div內的頁面內容，我不想在父div打開時顯示。

任何人都可以幫我一把嗎？

謝謝！

Answer 1

是的，我可以幫助試試這個

<input type="button" value="one" id="show_1" onclick="hideShow(this)"> 

注意每次按鈕id's例如需要在年底

show_ 1有數字的，

show_ 2 .... 。

。

var arr_divids = ['div_1','div_2','div_3','div_4']; // ids for each of the content to be shown in 

function hideShow(oWhich){ 
    for (var i =1; i < arr_divids.length+1; i++) { 
    document.getElementById(arr_divids[i-1]).style.display = (i == (oWhich.id).slice(-1)) ? "block" : "none"; 
    } 
    }