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


Posted in Javascript onSeptember 12, 2013
$(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(); //取消事件的默认动作。
Javascript 相关文章推荐
html+css+js实现xp window界面及有关功能
Mar 26 Javascript
常用的JavaScript验证正则表达式汇总
Nov 26 Javascript
轻松5句话解决JavaScript的作用域
Jul 15 Javascript
响应式表格之固定表头的简单实现
Aug 26 Javascript
AngularJs Dependency Injection(DI,依赖注入)
Sep 02 Javascript
javascript滚轮控制模拟滚动条
Oct 19 Javascript
jQuery实现级联下拉框实战(5)
Feb 08 Javascript
javascript数据结构之串的概念与用法分析
Apr 12 Javascript
xmlplus组件设计系列之网格(DataGrid)(10)
May 05 Javascript
vuex actions传递多参数的处理方法
Sep 18 Javascript
小程序云开发部署攻略(图文教程)
Oct 30 Javascript
JS+CSS实现动态时钟
Feb 19 Javascript
jquery easyui滚动条部分设置介绍
Sep 12 #Javascript
jquery实现盒子下拉效果示例代码
Sep 12 #Javascript
利用jquery包将字符串生成二维码图片
Sep 12 #Javascript
JQuery实现鼠标滑过显示导航下拉列表
Sep 12 #Javascript
JQuery加载图片自适应固定大小的DIV
Sep 12 #Javascript
JS鼠标滑过图片时切换图片实现思路
Sep 12 #Javascript
jQuery实现图片放大预览实现原理及代码
Sep 12 #Javascript
You might like
杏林同学录(三)
2006/10/09 PHP
php页面防重复提交方法总结
2013/11/25 PHP
PHP数组的定义、初始化和数组元素的显示实现代码
2016/11/05 PHP
tp5(thinkPHP5框架)使用DB实现批量删除功能示例
2019/05/28 PHP
php设计模式之建造器模式分析【星际争霸游戏案例】
2020/01/23 PHP
window.parent与window.openner区别介绍
2012/04/12 Javascript
jquery插件之信息弹出框showInfoDialog(成功/错误/警告/通知/背景遮罩)
2013/01/09 Javascript
js网页中的(运行代码)功能实现思路
2013/02/04 Javascript
jQuery里filter()函数与find()函数用法分析
2015/06/24 Javascript
jquery左右全屏大尺寸多图滑动效果代码分享
2015/08/28 Javascript
JavaScipt中栈的实现方法
2016/02/17 Javascript
javascript作用域链与执行环境详解
2017/03/25 Javascript
vue中路由验证和相应拦截的使用详解
2017/12/13 Javascript
vue项目中axios使用详解
2018/02/07 Javascript
Bootbox将后台JSON数据填充Form表单的实例代码
2018/09/10 Javascript
webpack配置proxyTable时pathRewrite无效的解决方法
2018/12/13 Javascript
vue动态渲染svg、添加点击事件的实现
2020/03/13 Javascript
Python实现ssh批量登录并执行命令
2016/10/25 Python
Python删除Java源文件中全部注释的实现方法
2017/08/30 Python
Python中Numpy包的安装与使用方法简明教程
2018/07/03 Python
Django管理员账号和密码忘记的完美解决方法
2018/12/06 Python
python实现接口并发测试脚本
2019/06/25 Python
详解python中的lambda与sorted函数
2020/09/04 Python
python 30行代码实现蚂蚁森林自动偷能量
2021/02/08 Python
Myprotein法国官网:欧洲第一运动营养品牌
2019/03/26 全球购物
三年级数学教学反思
2014/01/31 职场文书
《乡下孩子》教学反思
2014/04/17 职场文书
合伙经营协议书范本
2014/04/18 职场文书
普通话宣传标语
2014/06/26 职场文书
党的群众路线教育实践活动个人对照检查材料(公安)
2014/11/05 职场文书
承德避暑山庄导游词
2015/02/03 职场文书
2015年英语教师工作总结
2015/05/20 职场文书
南京南京观后感
2015/06/02 职场文书
2016公司新年问候语
2015/11/11 职场文书
2016年第16个全民国防教育日宣传活动总结
2016/04/05 职场文书
Golang生成Excel文档的方法步骤
2021/06/09 Golang