Jquery - 手风琴褪色

Posted 2023-02-16

【中文标题】Jquery - 手风琴褪色

【英文标题】：Jquery - Accordion Fading

【发布时间】：2010-03-13 13:20:17

【问题描述】：

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

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

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

你能帮帮我吗？

如何淡化每个“面板”？

【参考方案1】：

您可以像这样将点击功能更改为通用：

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

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

注意：您需要删除单个项目的当前代码，它会干扰此操作。