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

更新时间：2013年09月12日 17:34:58 作者：

本文为大家介绍下如何让一个div显示或隐藏且可扩展成自定义下拉框，具体实现如下，感兴趣的朋友可参考下，希望对大家有所帮助

 
$(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(); //取消事件的默认动作。

您可能感兴趣的文章:

jQuery md5加密插件jQuery.md5.js用法示例
这篇文章主要介绍了jQuery md5加密插件jQuery.md5.js用法,结合实例形式简单分析了jQuery md5加密插件jquery.md5.js的简单使用技巧,需要的朋友可以参考下
2018-08-08
JQuery获取鼠标进入和离开容器的方向
本文主要分享了基于JQuery的获取鼠标进入和离开容器方向的实现代码，具有一定的参考价值。下面跟着小编一起来看下吧
2016-12-12
jQuery实现的分页功能示例
这篇文章主要介绍了jQuery实现的分页功能,结合实例形式较为详细的分析了jQuery实现分页功能的具体步骤及相关操作技巧,包括前台样式、布局及jQuery分页插件的调用方法,需要的朋友可以参考下
2017-01-01
etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例
本篇文章主要介绍了etmvc+jQuery EasyUI+combobox多值操作实现角色授权，实现对角色role进行授权操作，有需要的可以了解一下。
2016-11-11
jQuery中nextUntil()方法用法实例
这篇文章主要介绍了jQuery中nextUntil()方法用法,实例分析了nextUntil()方法的功能、定义及匹配同辈元素的技巧与注意事项,需要的朋友可以参考下
2015-01-01
原生JS和jQuery版实现文件上传功能
这篇文章主要介绍了HTML5中用js、jQuery结合Ajax实现文件上传功能，HTML5中已经可以用Ajax上传文件了，而且代码简单，借助 FormData类即可发送文件数据，感兴趣的小伙伴们可以参考一下
2016-04-04
基于jQuery排序及应用实现Tab栏特效
这篇文章主要介绍了基于jQuery排序及应用实现Tab栏特效，jquery是基于JavaScript语言写出来的一个框架，它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，但实质上还是js，所以JQuery也属于网页编程语言。下面更多内容需要的小伙伴可以参考一下
2022-03-03
jquery访问ashx文件示例代码
ashx文件与.aspx文件类似，可以通过它来调用HttpHandler类。下面与大家介绍下jquery访问ashx文件的过程
2014-08-08
jQuery快速上手：写jQuery与直接写JS的区别详细解析
jQuery代码具体的写法和原生的Javascript写法在执行常见操作时的区别如下所示。需要的朋友可以过来参考下
2013-08-08
基于jQuery实现Accordion手风琴自定义插件
这篇文章主要为大家详细介绍了基于jQuery实现Accordion手风琴自定义插件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-11-11