是否有jquery插件可以在单击时根据div的类（category）显示/隐藏div

我正在使用一个小div网格，它有四个类中的一个，我希望能够使用onclick事件淡入淡出类。例如，如果有10个div，其中3个被归类为“class1”；单击菜单中的链接后，除class1 div外，所有div都会消失为完全隐藏或几乎不可见。类似地，其他链接将触发“class2”或“class3”等的相同效果。还需要有一种方法将它们全部恢复。如果有人已经有了这样的想法，我会很感激你朝这个方向努力

$(".class1").fadeOut();

---

有关更多详细信息，请参阅。使用fadeIn（）可以将em带回来。

jquery已经做到了这一点：

$(".class1").fadeOut("slow");
$(".class1").fadeIn("slow");

非常容易做到：

标记看起来像：

<a id="IDofLink">Click here to toggle divs with the class of class1</a>

<div class="class1">Blah blah</div>
<div class="class1">Another class1 div</div>

单击此处以使用class1类切换div
废话
另一个一级组

这正是jQuery的核心所在！你想要这样的东西：

$("#link-that-will-be-clicked").click(function() {
    $(".class2,.class3,.class4").fadeOut();
});

为了使解决方案更干净，我建议为所有

div

s提供一个公共类，如

common class

以及

class1

。所以你可能有：

<div class="common-class class1"></div>

并恢复所有：

$(".common-class").fadeIn();

$("#link-that-will-be-clicked").click(function() {
    $(".common-class:not(.class1)").fadeOut();
});

$(".common-class").fadeIn();