用Jquery替换单击菜单上的Div内容

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的所有内容。

取出test div的所有内容，并将它们放在#phrase div以外的其他位置。

此外 - 您不想使用replaceWith。这将删除#Phrase div，您将无法再次隐藏它。取消链接您的jquery命令可以帮助您首先到达您想要的位置，然后如果您愿意，可以重新链接它们。