0

このコードをよくある質問に使用しています。画像をクリックするとボックスが開き、画像をクリックするとボックスが閉じます。クリックごとに画像が切り替わります。これまでのところ、これを変換して複数のセクションで動作させることはできませんでした。jquery や javascript については何も知りませんが、いくつかのプログラミングの概念は理解しています。私は運が悪いので4時間試してきました。あなたの助けが必要です！

$(document).ready(function() {
$('#expandcontract').toggle(
function(){ // you can add as much here as you'd like
$('#box').show('slow');
$('#imgArrows').attr("src","images/up.png");
}, function() { // same here
$('#box').hide('slow');
$('#imgArrows').attr("src","images/down.png");
});
});
4

2 に答える 2

2

すべての Id をクラスに変更した後、おそらく次のようなものが必要になります。

$(document).ready(function() {
    $('.expandcontract').toggle(
        function() {
            $('.box',this).show('slow');
            $('.imgArrows',this).attr("src","images/up.png");
        }, function() {
            $('.box',this).hide('slow');
            $('.imgArrows',this).attr("src","images/down.png");
        }
    );
});

HTML が次のようなものであると仮定します。

<div class="expandcontract">
    <div class="box" />
    <div class="imgArrows" />
</div>
<div class="expandcontract">
    <div class="box" />
    <div class="imgArrows" />
</div>
<div class="expandcontract">
    <div class="box" />
    <div class="imgArrows" />
</div>
于 2010-05-05T19:18:35.270 に答える
0

ID は 1 つの要素にのみ指定する必要があります。要素クラスを割り当ててから、適切なクラスを持つすべての要素を取得し、それらにトグル ハンドラーを追加します。

于 2010-05-05T19:12:26.190 に答える