javascript - 我的模态同时显示所有元素。我只想要一个

Question

我希望我的模态在一段时间内显示一个元素，但是当我单击按钮元素时，我的模态将同时显示所有元素。我怎么能以动态的方式做到这一点？

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');

希望有帮助。