Question

我的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，它不会切换到隐藏状态。

任何帮助将不胜感激。谢谢！

Answer 1

我试着跟随我的当地人。

    <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>

它按预期工作。

Answer 2

好的 - 所以这个设置正确。我应该寻找什么可以阻止第二个实例隐藏？正如我所说，它最初将拉动.hide（），并且会执行toggleslide效果，但它永远不会重新隐藏。任何建议将不胜感激。

更多信息：此代码用于新的Pinnacle购物车商店。我正在隐藏产品页面上的属性（具有多个选择的表单）区域（这是按预期切换）并且还将其他图像隐藏在不同的列中。我将改变包装内容的格式（简单文本与当前的内容），并报告这是否有效以及我的发现。以前应该想到这个，但我仍然是jQuery的新手。

感谢。

ToggleSlide同一类的2个实例 - 幻灯片可以工作但只有1个隐藏

2 个答案: