toggle一个div显示或隐藏且可扩展成自定义下拉框
2018-10-12 14:01
330 查看
$(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(); //取消事件的默认动作。
您可能感兴趣的文章:
相关文章推荐
- toggle一个div,显示与隐藏,可以扩展成自定义下拉框
- toggle一个div显示或隐藏且可扩展成自定义下拉框
- 一个按钮控制div的显示与隐藏。运用jquery的toggle双、多事件绑定方法
- js控制div样式显示与隐藏,JS通过点击超链接右边(指定位置)显示一个图标
- 使用jquery实现点击一个按钮或连接,让它下面的div显示,在点击一下隐藏
- 用jQuery toggle函数控制div显示与隐藏
- 显示隐藏div并验证提交,下拉框赋值
- 显示和隐藏一个div
- 通过js隐藏或者显示一个DIV
- 通过select下拉框里的value控制div显示与隐藏
- select下拉列表框---控制DIV的显示隐藏
- 控制一个div的显示/隐藏
- jquery 显示隐藏div方法show(),hide(),toggle(),slideDown()总结
- js 鼠标点击一个按钮显示div的浮动框,点击页面其他任何地方后,隐藏浮动框
- js控制点击让div滚动,显示一个,隐藏一个
- 鼠标移上去显示一个下拉,移开下拉隐藏
- aspx页面用一个遮罩层显示正在加载,加载完后隐藏该div
- JavaScript点击一个按钮隐藏和显示div
- aspx页面用一个遮罩层显示正在加载,加载完后隐藏该div
- JQuery mouse..事件+元素显示隐藏 切换 +淡入淡出+滑动效果。(可以做一个ul li下拉框滑动收起效果:slideUp)