Jquery - 手风琴褪色

Posted

技术标签:

【中文标题】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 元素。

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

【讨论】:

以上是关于Jquery - 手风琴褪色的主要内容,如果未能解决你的问题,请参考以下文章

jQuery 手风琴错误

jQuery手风琴菜单 跪求图面上面这种JQ手风琴效果,带排行的。。。

Jquery手风琴高度溢出

与 mmenu 冲突的 JQuery 手风琴菜单 - JQuery 1.4 与 1.7

一个用于jQuery的轻量级水平手风琴插件。

jQuery手风琴折叠兄弟姐妹