尝试扩展我的显示/隐藏DIV代码以有效地针对多个DIV

Question

所以我有一个很长的案例研究，加载这么多图像需要很长时间。因此，我正在采取的一个步骤是将所有图像隐藏在一个超过3的部分中。我用一种简单的方式显示和隐藏jQuery，并手动将目标ID添加到我想要显示的div中。我想弄清楚的问题是，我如何使用这段代码来针对每一个部分，而不是一个，因为我只能使用一次目标ID。我不想简单地复制和粘贴代码并更改目标DIV名称，因为这将是非常多余的，当然也是最业余的方法。我的钢笔在这里：

<button class="Show">Show</button>
<button class="Hide">Hide</button>
<button class="toggle">Show &amp; Hide</button>
<div id="target"></div>
body {padding:30px;}
#target { display:none;}
.Hide{ display:none;}
$('.Show').click(function() {
$('#target').show(200);
$('.Show').hide(0);
$('.Hide').show(0);
});
$('.Hide').click(function() {
$('#target').hide(500);
$('.Show').show(0);
$('.Hide').hide(0);
});
$('.toggle').click(function() {
$('#target').toggle('slow');
});

提前谢谢！

Answer 1

我不明白你的意思和你想做什么，但你可以用这种方式使用它，而不是用几个不同的函数。

据我所知，你也想使用css类吗？

.hide{display:none}
$("button").click(function() {
$("button").removeClass("hide");
$(this).addClass("hide")
})

我试着用一种非常简单的方式帮助你，我希望它会有用。