javascript - 私のモーダルはすべての要素を同時に表示します。1つだけ欲しい

Question

モーダルに一定期間 1 つの要素を表示させたいのですが、ボタン要素をクリックすると、モーダルはすべての要素を同時に表示します。どうすればこれを動的に行うことができますか?

jquery:

$("button").on("click", function() {
  $("body").toggleClass("show");
})

jsfiddle:

http://jsfiddle.net/jx8Ch/1/

それらを別々に機能させるにはどうすればよいですか？

Answer 1

「 」という単語を、ボタンがクリックされたときに表示/非表示にする要素に置き換えbodyます。たとえば、 $('img').toggleClass('show') or $('h2').toggleClass('show').

さらに良いのは、その要素にクラスまたは ID を与えてから、そのように参照することです。例えば、$('.your_class_name').toggleClass('show') or $('#your_id').toggleClass('show');

それが役立つことを願っています。