顯示一個div並隱藏其餘使用javascript

Question

我有這個腳本顯示/隱藏div。任何人都可以請解釋一下如何讓它只顯示一個div？

<script> 
function Show_Div(Div_id) { 
if (false == $(Div_id).is(':visible')) { 
    $(Div_id).show(); 
} 
else { 
    $(Div_id).hide(); 
} 
} 
</script> 

和鏈接...

onClick="Show_Div(Div_1) 

謝謝！

Answer 1

嘗試使用此

$(document).ready(function(){ 
    $('.parent div').hide(); // hide div's on load using parent class as a starting point  
    $('#nav a').click(function() { // on the anchor clicks that are inside div with id=nav 
     var $div = $('.parent div').eq($(this).index('#nav a')); // get the relevant div 
     $div.show(); // show the relevant div 
     $('.parent div').not($div).hide(); // hide all but the relevant div 
    });​ 
}): 

Answer 2

如果我正確理解你的問題，也許你可以試試這個方法：

<script> 
function Show_Div(Div_id) { 
    if (false == $(Div_id).is(':visible')) { 
     $(this).show(); 
    } 
    else { 
     $(this).hide(); 
    } 
} 
</script> 

如果您使用this在

$(this).show(); 

只有一個將切換您的點擊〜 但以這種方式：

$(Div_id).show(); 

你將得到一個目標數組，因爲Jquery的選擇器會選擇一個目標數組。

希望它會幫助你〜