复制代码 代码如下:
$(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(); //取消事件的默认动作。
您可能感兴趣的文章:
- JS实现鼠标点击展开或隐藏表格行的方法
- 用javascript 控制表格行的展开和隐藏的代码
- jquery实现点击展开列表同时隐藏其他列表
- 右键显示(隐藏)扩展名的bat代码
- jquery特效 点击展示与隐藏全文
- JS点击链接后慢慢展开隐藏着图片的方法
- jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果
- jQuery焦点控制图层展示延迟隐藏的方法
- jquery控制页面的展开和隐藏实现方法(推荐)
- jquery点击展示与隐藏更多内容