如何在第二次单击时关闭 div?
Posted
技术标签:
【中文标题】如何在第二次单击时关闭 div?【英文标题】:How to close a div on second click? 【发布时间】:2017-05-02 12:07:24 【问题描述】:我无法在第二次点击移动版时关闭 div,当我第二次点击它时它会重新打开,如果我点击另一个 div 就可以关闭,但那个 div 会打开,所以我必须重新加载关闭 div 的页面... javascript:
$(document).ready(function ()
$(window).on("resize", function (e)
checkScreenSize();
);
checkScreenSize();
function checkScreenSize()
var newWindowWidth = $(window).width();
if (newWindowWidth < 768)
$(document).ready(function ()
$('.hero-overlay-block-1').click(function ()
$('.block-uzo').slideToggle("slow");
$('block-uzo').css('display', 'block');;
$('.block-more-1').hide();
$('.block-misija').hide();
$('.block-vizija').hide();
);
);
$(document).ready(function ()
$('.hero-overlay-block-2').click(function ()
$('.block-misija').toggle("slow");
$('.block-misija').css('display', 'block');;
$('.block-more-2').hide();
$('.block-uzo').hide();
$('.block-vizija').hide();
);
);
$(document).ready(function ()
$('.hero-overlay-block-3').click(function ()
$('.block-vizija').toggle("slow");
$('block-vizija').css('display', 'block');;
$('.block-more-3').hide();
$('.block-uzo').hide();
$('.block-misija').hide();
);
);
);
【问题讨论】:
你能发布你的 html 吗? 【参考方案1】:<script>
$(document).ready(function()
$(".desc_div").slideUp();
$(".open_div").click(function()
if($(this).hasClass('selected'))
$(this).removeClass('selected');
$(this).addClass("selected").next(".desc_div").slideUp("slow", function()
$(this).prev().removeClass('selected');
);
else $(this).addClass("selected").next(".desc_div").slideDown("slow");
);
);
</script>
【讨论】:
以上是关于如何在第二次单击时关闭 div?的主要内容,如果未能解决你的问题,请参考以下文章