欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

toggle一个div显示或隐藏且可扩展成自定义下拉框

程序员文章站 2022-05-07 21:12:33
代码如下: $(function(){ //toggle p $("#gga").click(function(event){ event.stop...

代码如下:


$(function(){
//toggle p
$("#gga").click(function(event){
event.stopPropagation(); //阻止冒泡事件
$(".toggleoption").slideToggle("fast");
});

//slideup p
$(document).click(function(event) {
var eo = $(event.target);
if($(".toggleoption").is(":visible") && eo.attr("class") != "toggleoption" && !eo.parent(".toggleoption").length) {
$('.toggleoption').slideUp("fast");
}
});
})


event.preventDefault(); //取消事件的默认动作。