首页 > 语言 > JavaScript > 正文

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

2024-05-06 15:51:55
字体:
来源:转载
供稿:网友
本文为大家介绍下如何让一个div显示或隐藏且可扩展成自定义下拉框,具体实现如下,感兴趣的朋友可参考下,希望对大家有所帮助

复制代码 代码如下:


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

//slideup div
$(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(); //取消事件的默认动作。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选