单击另一个时关闭div

问题描述：

我正在使用旧的dhtlgoodies脚本来显示/隐藏答案。 http://purple-mouse.co.uk/swift/about.php 单击另一个时关闭div

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

任何人都可以帮助我关闭一个答案，当一个替代问题被点击的颜色，然后看起来不正确。

我很乐意有人告诉我，我已经以低效率的方式接近了这一点 - 总是在学习！

由于提前，小敏

你能分享一下你试过的小提琴吗？ – gurvinder372

可能与http://stackoverflow.com/questions/9575656/hide-the-visible-content-before-view-the-next-content重复 – Erik

答

$(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

答

强大的文本两种解决方案：他们都可以使用，但打电话给你的方法来打开一个答案之前使用它。在这里，我们正在关闭设置css隐藏的所有答案。

纯JavaScript

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

jQuery的

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

如果你想也jQuery的删除选定的问题。在打开答案之前打电话给这个。

$(".question").removeClass("active");

单击另一个时关闭div

相关推荐