1

我的 html 中有 2 个相同类 (.attributes) 的实例。我只是希望它们同时切换。第一个实例按预期工作,但第二个实例继续切换打开(样式保持显示:块)。

两个位置的相关 HTML

<div class="attributes">
content to hide
</div>

jQuery

$(document).ready(function(){
    $('.attributes').hide();
    $('a#toggle-attributes').click(function() {
        $('.attributes').slideToggle(1000);
        return false;
    });
});

我通过给它起一个不同的名称,将“工人”阶级从图片中剔除,但我得到了相同的结果。类中有一个无序列表和一个不会切换到隐藏的 div。

任何帮助,将不胜感激。谢谢!

4

2 回答 2

0

我尝试在我的本地关注。

    <a id="toggle-attributes" href="#">toggle</a>
<div class="attributes">
    content to hide
</div>
<br />
<br />
<br /><br />
<div class="attributes">
    content to hide
</div>

它按预期工作。

于 2011-01-04T05:13:49.793 回答
0

好的 - 所以这是正确设置的。我应该寻找什么可以阻止第二个实例隐藏?正如我所说,它最初会拉动 .hide() ,并会产生切换滑动效果,但它永远不会重新隐藏。任何建议,将不胜感激。

更多信息:此代码正在新的 Pinnacle 购物车商店中使用。我在产品页面上隐藏了属性(具有许多选择的表单)区域(这是按预期切换的),并且还在不同的列中隐藏了其他图像。我将更改包装内容的格式(简单文本与当前存在的内容)并报告是否可行以及我的发现。以前应该想到这一点,但对 jQuery 来说还是很新。

谢谢。

于 2011-01-04T15:13:16.450 回答