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

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

希望有所帮助。