jquery - Jquery - 手风琴褪色

Question

我必须制作手风琴之类的东西，但我希望它在单击菜单的“li”时褪色。

http://scripts.den-style.net/

点击“Prodotti”，然后点击“Chi Siamo”；D

你能帮助我吗？

如何淡化每个“面板”？

Answer 1

您可以将点击功能更改为通用的，如下所示：

$(".menu a").click(function() {
  var id = $(this).attr("class");
  $(".container>div:visible").fadeOut("normal", function() {
     $("#" + id).fadeIn();
  });
});

只需提供您的其他没有一级的顶级链接，这样这对所有链接都有效。此方法使用链接上的类名，就像您已经拥有的一样，找到匹配的 ID 元素，淡出可见的任何内容，并仅淡入该 ID 元素。

注意：您需要删除单个项目的当前代码，它会干扰这一点。