jquery - 用 Jquery 替换 Div 内容 onclick 菜单

Question

我正在尝试创建一个菜单，它用另一个已经创建但当前设置为隐藏的 div 替换里面的内容。我知道其他方法可以做到这一点，但它们不是很干净。

我目前所做的。我正在尝试使用的当前代码：

   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您保留的一个短语替换所有内容。

把所有的's 放在最初test div的地方以外的地方。#phrase div

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