使用jQuery prepend添加div元素

Question

我想知道是否有可能有不同的id有不同的內容的幾個div元素，然後根據菜單中的選擇添加它們？當頁面加載時，所有這些元素都應該隱藏起來。我可以這樣做嗎？

編輯： 而不是用一些文本加載幾個不同的頁面，但有不同的主題，我的想法是將所有信息放在一個頁面上，並根據用戶選擇顯示一些部分。這是一個壞主意嗎？

Answer 1

DEMO

創建所有菜單和箱元素：

<ul id="menu"> 
    <li>1</li> 
    <li>2</li> 
    <li>3</li> 
</ul> 

<div class="box">Box 1</div> 
<div class="box">Box 2</div> 
<div class="box">Box 3</div> 

確保您的箱子是CSS：

display:none; 

不是簡單地做：

$(function(){ 
    $('#menu li').click(function(){ 
     var menuLiIndex = $(this).index(); 
     $('.box').hide().eq(menuLiIndex).show(); 
    }); 
});