javascript - 画像をクリックすると、画像の後ろにあるテキストが表示されます

Question

画像スライダーを作っています。ユーザーが画像をクリックすると非表示になり、画像の背後にあるテキストが表示されるようにしたいと考えています。

画像の OnClick イベントで、画像を非表示にするコードを記述しましたが、ユーザーがそのオプションまたはその他のオプションを再度クリックしたときに再び表示されるようにするにはどうすればよいですか?

Answer 1

jquery SlideToggle() または show() および hide() メソッドを次のように使用できます。

    <div id="yourid"></div>

$(document).ready(function(){
        $('#btnid').click(function(){
             $('#divid').show();

         });
         $('#btnid2').click(function(){
             $('#divid).hide();
         });
    });

Answer 2

onclick イベントでは、画像を再度表示するドキュメントのワンタイム クリック イベントを作成できます。

これは、ユーザーが外側をクリックしたときにも画像を表示します。

不必要なアクションを避けるために、ドキュメントのクリック イベントは 1 回だけにしてください。