单击另一个时关闭div

时间:2016-03-02 08:48:15

标签: javascript jquery css

我正在使用旧的dhtlgoodies脚本来显示/隐藏答案。 http://purple-mouse.co.uk/swift/about.php

它打开了答案,我已经合并了另一个脚本,以便在答案打开时更改答案的背景颜色。

当点击替代问题时,任何人都可以帮我关闭一个答案,因为颜色看起来不正确。

我很高兴有人告诉我,我以低效的方式接近了这一点 - 总是在学习!

提前致谢,Mandy

2 个答案:

答案 0 :(得分:0)

$(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();
       }
   });

});

DEMO

答案 1 :(得分:0)

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

  

Pure Javascript

(long long)(a - b / 2.0) + b
  

的jQuery

var elems = document.getElementsByClassName('answer');
for(var i = 0; i < elems.length; i++) {
    elems[i].style.display = 'none';
}
  

如果你想从jQuery中删除所选问题。在打开答案之前调用它。

$(".answer").css("display","none");