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 相关文章推荐
用js实现下载远程文件并保存在本地的脚本
May 06 Javascript
利用javascript/jquery对上传文件格式过滤的方法
Jul 25 Javascript
前端开发的开始---基于面向对象的Ajax类
Sep 17 Javascript
JavaScript解八皇后问题的方法总结
Jun 12 Javascript
javascript 单例模式详解及简单实例
Feb 14 Javascript
Vue制作Todo List网页
Apr 26 Javascript
jquery ui sortable拖拽后保存位置
Apr 27 jQuery
vue-cli中打包图片路径错误的解决方法
Oct 26 Javascript
Node.js静态服务器的实现方法
Feb 28 Javascript
promise和co搭配生成器函数方式解决js代码异步流程的比较
May 25 Javascript
vuex提交state&&实时监听state数据的改变方法
Sep 16 Javascript
Vue组件实现触底判断
Jun 26 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
PHP数据库开发知多少
2006/10/09 PHP
php获取服务器端mac和客户端mac的地址支持WIN/LINUX
2014/05/15 PHP
php实现的读取CSV文件函数示例
2017/02/07 PHP
广告显示判断
2006/08/31 Javascript
javascript的offset、client、scroll使用方法详解
2012/12/25 Javascript
下拉菜单点击实现连接跳转功能的js代码
2013/05/19 Javascript
jQuery链式操作实例分析
2015/11/16 Javascript
深入解析Backbone.js框架的依赖库Underscore.js的作用
2016/05/07 Javascript
JS简单生成两个数字之间随机数的方法
2016/08/03 Javascript
AngularJS实现星星等级评分功能
2016/09/24 Javascript
JS日期对象简单操作(获取当前年份、星期、时间)
2016/10/26 Javascript
原生js验证简洁注册登录页面
2016/12/17 Javascript
JavaScript创建对象的七种方式全面总结
2017/08/21 Javascript
Vue异步加载about组件
2017/10/31 Javascript
关于express与koa的使用对比详解
2018/01/25 Javascript
微信小程序实现卡片左右滑动效果的示例代码
2019/05/01 Javascript
简单了解JavaScript异步
2019/05/23 Javascript
[01:34]2016国际邀请赛中国区预选赛IG战队教练采访
2016/06/27 DOTA
[01:39:04]DOTA2-DPC中国联赛 正赛 SAG vs CDEC BO3 第二场 2月1日
2021/03/11 DOTA
Python入门_条件控制(详解)
2017/05/16 Python
python实现括号匹配的思路详解
2018/08/23 Python
python中对数据进行各种排序的方法
2019/07/02 Python
简单了解python 邮件模块的使用方法
2019/07/24 Python
pytorch神经网络之卷积层与全连接层参数的设置方法
2019/08/18 Python
tensorflow:指定gpu 限制使用量百分比,设置最小使用量的实现
2020/02/06 Python
python按照list中字典的某key去重的示例代码
2020/10/13 Python
Python列表元素删除和remove()方法详解
2021/01/04 Python
戴森美国官网:Dyson美国
2016/09/11 全球购物
班级活动策划书
2014/02/06 职场文书
财务人员求职自荐书范文
2014/02/10 职场文书
党员承诺书范文
2014/05/19 职场文书
小学雷锋月活动总结
2014/07/03 职场文书
担保书范本
2015/01/20 职场文书
2015年客服工作总结范文
2015/04/02 职场文书
工作感想范文
2015/08/07 职场文书
详解PHP服务器如何在有限的资源里最大提升并发能力
2021/05/25 PHP