Javascript 显示一次隐藏具有相同类的所有div Java脚本

我不知道为什么，但这对我很有效。也许我上传错了什么

JS代码

$("#toggle-content").click(function () {
    $(".otherContainers").slideToggle(500);
});

$("#closeImgPP").click(function () {
    $(this).parent().hide(500);
});

$("#closeImgPP2").click(function () {
    $(this).parent().hide(500);
});

$("#closeImgPP3").click(function () {
    $(this).parent().hide(500);
});

我有5个相同的div，我关闭每个div，例如，我只关闭5个div中的3个，当我使用show/hide按钮时，它会隐藏当前打开的div和隐藏的show div

---

问题是我如何通过单击“显示/隐藏”按钮来显示所有内容，然后再次单击“隐藏所有内容”，或者像两个不同的按钮一样，一个用于显示，一个用于隐藏，使用

.show（）

和

.hide（）

方法，而不是

滑动切换
，使用以下代码执行此操作：

$("#toggle-content").click(function () {
    $.each($(".otherContainers"),function(){
         $(this).toggle(500);
    });
});

当您按类名使用选择器时，文档中的选择器是多个的。因此，您需要对每一个应用切换。
您的小提琴不会加载jQuery。在左角，添加jQuery库。
请点击此处：

也可以在您的网站上添加一些
onLoad
功能（jsfiddle为您做这件事）。
例如：

$(function(){ ... });

我猜你想要这样的东西
如果你想把它们全部隐藏起来，你必须稍微改变一下你的设计（因为你将如何再次展示它们？）

编辑：也许closeImgPP应该是一个类，如果你想在每一个“BLAHBLAH”中都有这个close
检查这个提琴，仅供参考，你忘了在你的提琴中包括jquery库

在一个按钮中，您可以隐藏显示或同时使用class/id切换div或选择器
jsFiddle自动完成这一操作我在我的文档中说它工作正常，我有不同的问题切换不是您想要的，因为切换将隐藏所有可见的内容，并显示所有隐藏的内容。制作两个单独的按钮，一个用于隐藏所有元素，另一个用于显示所有元素。是的，你完全正确，我的大脑无法制作两个单独的按钮。。。它一直都很受欢迎（@DenisS）当我尝试它的时候，你有没有试过它在小提琴上的作用。再次检查。
$("#hide-content").click(function () {
    $(".otherContainers").hide(500);
});

$("#show-content").click(function () {
    $(".otherContainers").show(500);
});

$("#closeImgPP").click(function () {
    $(this).parent().hide(500);
});

$("#toggle-content").click(function () {
$(".otherContainers").slideUp(500);
$(".showContent").show();
});
$(".showContent").click(function () {
    $(this).hide(); $(".otherContainers").slideDown(500);
});

$('#btns2').on('click', function() {
$('.chos').hide();
$('#icon3').hide();
$('#icon').show();
});

$('#btns').on('click', function() {
$('.chos').show();
$('#btns2').show();
$('#icon3').show();
$('#icon').hide();
});