Javascript 使所有其他div消失的切换函数

所以我有很多div（行星）。我想通过点击它们让它们消失。到目前为止，我只有地球和太阳。在我的测试运行中，当我点击太阳时，地球也消失了。什么是正确的代码，使不是所有的行星将消失只是一个点击

HTML:

<div class="planets" id="sun"><div>
<div class-"planets" id="earth"></div>

JS:

你也可以这样做

$('.planets').click(function() {
    $(this).toggle();
}

---

但这是毫无意义的，因为在它已经隐藏之后，您无法单击它使其重新出现

您的代码中有几个输入错误。你把

忘给太阳了，这使得它不能正确解析，地球也不会出现。你还为班级准备了-而不是=。以下是您的代码：

---

应该是吗？这就是我所拥有的。我相信？除非你在代码框中输入错误，否则你当前的地球div显示的是“-”而不是“=”，也许应该是我修正了-=输入错误。但仍然是相同的结果改变这一点，你有-而不是=基本上，如果可能的话，我只是想让div消失，不是一次点击，而是点击每个div（行星）。我不想让他们再出现。@Lo_MAT好的，我回答的前三行也是。带.hide（）的那个还是原来的对不起。要不要摆弄一下？谢谢。我一直都有正确的密码。就是那个小错误。这就是我在编码方面的问题。我需要更好地关注细节@Lo_MAT这怎么不是正确的答案，考虑到这一个实际上有一把小提琴使代码正常工作？对不起，我想检查一下。对不起，我对堆栈溢出还不熟悉，所以我必须习惯正确的方法

$(document).ready(function() {
    $("html").mousemove(function(e){
        $('.follow').css({'top': e.clientY - 100, 'left': e.clientX - 60});
    }); 
    $('.planets').click(function() {
        $('#sun').toggle(1000);
    });
});

$('.planets').click(function() {
    $(this).hide();
}

$('.planets').click(function() {
    $(this).toggle();
}