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