添加顯示/隱藏到我的div標籤

Question

所以我有4個div標籤，ID爲 - content1; content2; content3和content4。 在開始時，content1只顯示，其他3個內容都不可見，我得到菜單鏈接，#content1,#content2,#content3,#content4。
所以我需要創建，當有人點擊例如content3鏈接時，當前內容將隱藏，並且content3內容會顯示出來，與所有其他內容相同。

我的問題 - 我知道如何使用一個元素來顯示/隱藏，但我沒有創建任何具有2個或更多元素的東西，所以也許你可以幫我創建它？

Answer 1

如果你給你的內容的div一類，說「內容」，很容易地選擇他們作爲一組，隱藏它們。同樣，如果你給你的菜單鏈接一個類，你可以爲它們全部分配一個點擊處理程序。所以：

<a class="menu" href="#content1">Content 1</a> 
<div class="content" id="content1">Some content here</div> 
<!-- and so forth for your other links and divs --> 

<script> 
    $(function() { 
     $("a.menu").click(function() { 
      $("div.content").hide(); 
      $(this.href).show(); 
      return false; 
     }); 
    }); 
</script> 

需要注意的是，你並不真的需要包裝代碼的的document.ready處理程序，如果腳本塊有問題的元素後出現，但我這樣做是爲了完整性。

我實現上述可能不符合你的HTML標記，但因爲你實際上並沒有提供你的HTML標記我猜...

如果有這個回答任何你不明白我建議你閱讀一些jQuery教程，如this one from the jQuery website;一個教程超出了StackOverflow答案的範圍...

Answer 2

每@羅賓的建議，檢查了這一點：

• http://jqueryui.com/demos/tabs/