首页 > web前端 > js教程 > toggle一个div显示或隐藏且可扩展成自定义下拉框_jquery

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
发布: 2016-05-16 17:22:46
原创
1122 人浏览过
复制代码 代码如下:

$(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(); //取消事件的默认动作。
相关标签:
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
javascript - toggle的同时改变input的value
来自于 1970-01-01 08:00:00
0
0
0
如何将开关旁边的文本垂直居中?
来自于 1970-01-01 08:00:00
0
0
0
为什么下拉菜单项不显示?
来自于 1970-01-01 08:00:00
0
0
0
" What does mean?" 的意思是什么?
来自于 1970-01-01 08:00:00
0
0
0
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板