用jquery替換Div內容的onclick菜單

Question

我試圖創建一個菜單，它用已經創建的另一個div替換其中的內容，但當前設置爲隱藏。我知道其他方法來做到這一點，但他們不是很乾淨。

What I currently have done。 在我試圖使用當前的代碼：

function switchDiv(content){ 
    $("#Phrase")hide().replaceWith($("#" + content).css("visibility", "visible").fadeIn("slow")); 
    } 

我試圖複製其他網站我在另一帖子中發現的概念。在文本存儲在一個陣列中，然後使用替換：

$("#menu-sub-menu > ul > li[id^=d]").click(function() { 
     $("#defined").hide().html(Phrases[$(this).index()]).fadeIn("slow"); 
    }); 

但我希望替換的不僅僅是文本。

此外，如果有人知道這種菜單被稱爲什麼，那就太好了。

Answer 1

它不起作用，因爲第一次點擊後，您將用您保留的一個短語替換#Phrase的所有內容。

把所有的testdiv's放到最初的#phrasediv以外的地方。

此外 - 你不想使用replaceWith。這將刪除#Phrasediv，您將無法再將其隱藏起來。不鏈接你的jquery命令可以幫助你到達你想要的地方，然後重新鏈接它們，如果你喜歡的話。