按類名顯示/隱藏可見性不是ById

Question

我使用這個javascript和代碼來隱藏/顯示某些div，但每次點擊時，頁面上都有多個div，我想隱藏/顯示，所以我寧願這樣做班級名稱。我真的不知道JavaScript，所以越簡單越好。

這裏是JavaScript：

<script type="text/javascript"><!-- 

function show_visibility(){ 
for(var i = 0,e = arguments.length;i < e;i++){ 
var myDiv = document.getElementById(arguments[i]).style; 
myDiv.display = "block"; 
} 
} 

function hide_visibility(){ 
for(var i = 0,e = arguments.length;i < e;i++){ 
var myDiv = document.getElementById(arguments[i]).style; 
myDiv.display = "none"; 
} 
} 
//--></script> 

下面是HTML：

<ul id="menubar_index" style="display:block;" class="index"> 
    <li><a href="#" id="active">Home</a></li> 
    <li><a href="#" onclick="show_visibility('menubar_how');hide_visibility('menubar_index') ">How It Works</a></li> 
    <li><a href="#">Testimonials</a></li> 
    <li><a href="#">FAQ</a></li> 
</ul> 

<ul id="menubar_how" style="display:none;" class="howitworks"> 
    <li><a href="#" onclick="show_visibility('menubar_index');hide_visibility('menubar_how') ">Home</a></li> 
    <li><a href="#" id="active">How It Works</a></li> 
    <li><a href="#">Testimonials</a></li> 
    <li><a href="#">FAQ</a></li> 
</ul> 

Answer 1

你可能想：

• document.querySelector/document.querySelectorAll - 他們將允許您使用選擇元素類似CSS的規則;
• document.getElementsByClassName - 這個只會按類名搜索。