Javascript - 隱藏/顯示 - 未排序列表 - onClick

Question

我試圖通過onClick事件隱藏/顯示未排序列表。

在頂部有三個不同的選項以選擇：

<ul id="homepage-posts-block" class="tabs-search quicktabs-tabs quicktabs-style-nostyle"> 
    <li class="grid-feat-ad-style active" onclick="zeigeFilter(catF, typF, locF)"><a class="current" href="#"></i><?php _e('Categories', 'agrg'); ?></a></li> 
    <li class="list-feat-ad-style" onclick="zeigeFilter(locF, typF, catF)" ><a class="" href="#"></i><?php _e('Types', 'agrg'); ?></a></li> 
    <li class="list-feat-ad-style" onclick="zeigeFilter(typF, catF, locF)" ><a class="" href="#"></i><?php _e('Locations', 'agrg'); ?></a></li> 
</ul> 

選擇一個之後，功能「zeigeFilter」被稱爲：

<script> 
function zeigeFilter(var id1,var id2,var id3) { 
    document.getElementById(id1).style.visibility = 'show'; 
    document.getElementById(id2).style.visibility = 'hidden'; 
    document.getElementById(id3).style.visibility = 'hidden'; 
} 
</script> 

根據哪個選項被選中的特定殼是顯示。

<ul class="filters-lists" id="catF"> 
    <li>..</li> 
</ul> 
<ul class="filters-lists" id="typF"> 
    <li>..</li> 
</ul> 
<ul class="filters-lists" id="locF"> 
    <li>..</li> 
</ul> 

我的問題是，所有三個列表隨時顯示。我希望有一個人可以幫助我。

感謝， JOH

Answer 1

這裏談到的解決方案：

• 它不是 '秀'，但對visibility屬性 '可見的'（CSS）
• 錯paramters爲「呼叫zeigeFilter」方法

正確的代碼：

<script type="text/javascript"> 
function zeigeFilter(id1, id2, id3) { 
    document.getElementById(id1).style.visibility = 'visible'; 
    document.getElementById(id2).style.visibility = 'hidden'; 
    document.getElementById(id3).style.visibility = 'hidden'; 
} 
</script> 

<ul id="homepage-posts-block" class="tabs-search quicktabs-tabs quicktabs-style-nostyle"> 
    <li class="grid-feat-ad-style active" onclick="zeigeFilter('catF', 'typF', 'locF')"><a class="current" href="#"></i>premier</a></li> 
    <li class="list-feat-ad-style" onclick="zeigeFilter('typF', 'catF', 'locF')"><a class="" href="#"></i>deuxieme</a></li> 
    <li class="list-feat-ad-style" onclick="zeigeFilter('locF', 'typF', 'catF')" ><a class="" href="#"></i>troiseme</a></li> 
</ul> 

<ul class="filters-lists" id="catF"> 
    <li>..</li> 
</ul> 
<ul class="filters-lists" id="typF"> 
    <li>..</li> 
</ul> 
<ul class="filters-lists" id="locF"> 
    <li>..</li> 
</ul>