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元素。

注意：您需要删除单个项目的当前代码，否则会对此产生干扰。