jQuery滑动切换问题

我的页面的侧菜单中有许多过滤器，允许用户过滤页面上显示的结果。我正在使用jQuery slidetoggle切换过滤器项的显示

html格式如下：

<div id="refinement-container">
<a href="#" class="closed">PRODUCT</a>
<ul id="product" class="items">      
    <li>items...</li>
</ul>
</div>

<div id="refinement-container">
<a href="#" class="closed">PRODUCT</a><a href="" class="clear">clear</a>
<ul id="product" class="items">      
    <li>items...</li>
</ul>
</div>

切换工作正常。但是这个类并没有在toggle上改变，我想改变它，这样我就可以将链接的背景图像从+改为-或者反之亦然。我还试着在课堂上切换。 此外，我希望能够在切换的ul和单击以切换的链接之间添加另一个html元素，如下所示：

<div id="refinement-container">
<a href="#" class="closed">PRODUCT</a>
<ul id="product" class="items">      
    <li>items...</li>
</ul>
</div>

<div id="refinement-container">
<a href="#" class="closed">PRODUCT</a><a href="" class="clear">clear</a>
<ul id="product" class="items">      
    <li>items...</li>
</ul>
</div>

项目

但每当我在两者之间添加一个元素时，toggle函数就会停止工作。有办法解决这个问题吗

有谁能帮我解决这个问题吗

---

提前感谢您

您在这里犯了两个错误

-您希望更改已单击链接的类，而不是正在进行幻灯片切换的列表的类

-没有

class（）

函数。您可以使用

attr（）

函数更改class属性。。但是使用

addClass（）

和

removeClass（）

更简洁

因此，不是：

jQuery(this).next("ul.items").class('opened');
...
jQuery(this).next("ul.items").class('closed');

使用以下命令：

jQuery(this).removeClass('closed').addClass('opened');
...
jQuery(this).removeClass('opened').addClass('closed');

---

jQuery中没有.class方法

要将类添加到元素，应使用

addClass

方法。

---

对于remove类，您应该使用

removeClass

方法。

如果您添加

您试图使用什么代码来添加“clear”链接？我还没有编写它，因为我只是集中精力让它工作，但基本上我将使用remove\u query\u arg worpress函数从当前链接中清除产品参数。因此，我使用jQuery而不是$as$的原因在Wordpress中不起作用，除非我应用了您建议的函数。我已经根据您的建议更改了它，谢谢，谢谢。我只想在点击链接之后的下一个ul元素上更改类“items”。我在页面上有好几种，我希望用户能够随心所欲地打开和关闭每种过滤器类型如果您希望ul将其类更改为“关闭”或“打开”-为什么在HTML代码中的产品链接上放置“关闭”类？您是否希望在用户第二次单击产品链接时关闭项目列表？或者你想让它在用户点击列表时关闭吗？嗨，我在product链接上有一个closed类，这样我就可以将打开的图像显示为链接上的背景图像。图像应根据当前类别进行更改。我希望项目列表在单击产品链接时关闭。列表项是用户对每个产品属性进行筛选的地方。。。我把它改成了nowjQuery（document）.ready（function（）{jQuery（.items”）.hide（）；//用类msg_body jQuery（.closed）切换组件网。点击（function（）{jQuery（this）.next（“ul.items”）.slideToggle（500）；jQuery（this）.removeclass（'closed'）.addclass（'opened'）；}）；jQuery（.opened”）。点击（function（）{jQuery）（this.next（“ul.items”）.slideToggle（500）；jQuery（this.removeclass（'opened'））.addclass（'closed'）；}）；}）；抱歉，这只是一个输入错误……代码是用php构建的，我只是将所有php从中剥离出来。我使用的实际代码是正确的。我使用的是类项我使用了你的代码，它可以正常工作。谢谢，但是toggleClass行为在open和closeworks上不能正常工作。这里有一个问题：嗨，如果你添加了额外的细化contai首先，单击产品链接打开或关闭items类的所有ul元素，而不是在clear链接后打开下一个。我有多个属性组。在小提琴中显示我，然后我可以帮助您，和/或阅读以下内容：
<ul items">

<ul class="items">

<ul id="items">