网络编程 
首页 > 网络编程 > 浏览文章

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

(编辑:jimmy 日期: 2025/5/12 浏览:3 次 )
复制代码 代码如下:
$(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(); //取消事件的默认动作。
上一篇:javascript常用对话框小集
下一篇:jquery easyui滚动条部分设置介绍
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap