jquery - 同じページの画像をクリックしたときの左側の画像と右側の説明

Question

私は自分のウェブサイトに何かを実装する必要があります。つまり、ページの左側にある画像をクリックすると、その説明がリロードせずに同じページの右側に表示されるはずです。すなわち：他のdivで。

Answer 1

各画像にdiv要素を配置し、その可視性を非表示に設定します。次に、onclickリスナーを次の行に沿って各画像にアタッチします。

    <div>
        <img>
        <div>description</div>
    </div>

    $( document).ready( function() {
        $( ".myImages" ).click( function() {
            $( this ).next().css( 'visibility', 'visible' );
        });
    });