0

私のdivトグルスクリプトは、トグルする要素のセットが1つしかない場合は機能しますが、ページごとに複数のインスタンスがある場合は機能しません。個別に/個別に切り替えるには、複数の div が必要です。

http://jsfiddle.net/pixeloco/2zCe5/

$(function(){
$('.showFull').click(function() {
    $('.targetDiv').hide();
    $('#div' + $(this).data('target')).show();
});   
});

最終的なコードはwordpressループを介して動的に出力されるため、data-idを使用したソリューション（このスレッドで受け入れられた回答How to create multiple instances of show/hide div in jquery?など）が魅力的です。投稿ID。

残念ながら、誰かが私を正しい方向に向けるのを手伝ってくれることを願って、私のニーズに合わせてそのソリューションを微調整するのに十分な JS の知識がありません。ありがとう！

4

1 に答える 1

0

Jquery traversing を使用して、親の「storeitem」レベルに移動し、下に戻ります。このように、すべてのトグルは指定された storeitem 内にとどまります。

http://jsfiddle.net/2zCe5/1/

$(function(){
    $('.showFull').click(function() {
        $(this).parents('.storeitem').find('.targetDiv').hide();
        $(this).parents('.storeitem').find('#div' + $(this).data('target')).show();
    });   
});

もっと優雅な書き方があるかもしれませんが、これがアイデアです。

于 2013-09-23T23:53:05.887 に答える