1

HTML に同じクラス (.attributes) の 2 つのインスタンスがあります。両方を同時に切り替えたいだけです。最初のインスタンスは期待どおりに動作しますが、2 番目のインスタンスは引き続き Toggle open (スタイルは display:block のままです)。

両方の場所に関連する 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

OK - これで正しく設定されました。2 番目のインスタンスが非表示になるのを防ぐには、何を探す必要がありますか? 私が言ったように、それは元々 .hide() を引き出し、toggleslide 効果を行いますが、再び非表示にすることはありません。任意の提案をいただければ幸いです。

詳細: このコードは、新しい Pinnacle カート ストアで使用されています。製品ページの属性 (多くの選択を含むフォーム) 領域を非表示にし (これは期待どおりに切り替えられます)、別の列に追加の画像も非表示にしています。ラップされるものの形式 (単純なテキストと現在存在するもの) を変更し、これが機能するかどうか、および私の調査結果を報告します。以前にこれを考えていたはずですが、jQuery にはまだかなり慣れていません。

ありがとう。

于 2011-01-04T15:13:16.450 に答える
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 に答える