Javascript 单击另一个时关闭div

Javascript 单击另一个时关闭div,javascript,jquery,css,Javascript,Jquery,Css,我正在使用一个旧的dhtlgoodies脚本来显示/隐藏答案。 它打开了答案,我加入了另一个脚本,在答案打开时更改其背景颜色 当点击另一个问题时,有谁能帮我关闭一个答案,因为颜色看起来不正确 我很高兴有人告诉我,我一直在以一种低效的方式处理这个问题——总是在学习 提前谢谢你,曼迪 $(document).ready(function(){ $("a.dropdown-link").click(function(e) { e.preventDefault(); var $d

我正在使用一个旧的dhtlgoodies脚本来显示/隐藏答案。

它打开了答案,我加入了另一个脚本,在答案打开时更改其背景颜色

当点击另一个问题时,有谁能帮我关闭一个答案,因为颜色看起来不正确

我很高兴有人告诉我,我一直在以一种低效的方式处理这个问题——总是在学习

提前谢谢你,曼迪

$(document).ready(function(){

  $("a.dropdown-link").click(function(e) {
    e.preventDefault();
    var $div = $(this).next('.dropdown-container');
    $(".dropdown-container").not($div).hide();
    if ($div.is(":visible")) {
        $div.hide()
    }  else {
       $div.show();
    }
});

   $(document).click(function(e){
       var p = $(e.target).closest('.dropdown').length
       if (!p) {
          $(".dropdown-container").hide();
       }
   });

});

strong文本两种解决方案:都可以使用,但在调用方法打开答案之前先使用它们。在这里,我们关闭所有的答案设置css隐藏

纯Javascript

如果您还想从jQuery中删除所选问题。在开始回答之前先打这个电话


你能分享一下你尝试过的东西吗?可能是重复的
var elems = document.getElementsByClassName('answer');
for(var i = 0; i < elems.length; i++) {
    elems[i].style.display = 'none';
}
$(".answer").css("display","none");
$(".question").removeClass("active");