本文介绍了两种使用jQuery实现点击按钮后菜单显示和隐藏的方法。第一种方法通过阻止事件冒泡来精确控制菜单的显示与隐藏；第二种方法则通过判断触发元素的ID来决定菜单的滑动效果。
方法一：
$("#a").on("click", function(e){
$("#menu").show();
$(document).one("click", function(){
$("#menu").hide();
});
e.stopPropagation();
});
$("#menu").on("click", function(e){
e.stopPropagation();
});
方法二：
$("body").bind("click",function(){
var evt = event.srcElement ? event.srcElement : event.target;
if(evt.id == 'opt'){ //必须用ID class不管用
$(".option-con").slideDown(300);
}else{
$(".option-con").slideUp(300);
}
});
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
