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 相关文章推荐
摘自启点的main.js
Apr 20 Javascript
JavaScript高级程序设计 错误处理与调试学习笔记
Sep 10 Javascript
javascript计算用户打开网页的停留时间
Jan 09 Javascript
js获取url中"?"后面的字串方法
May 15 Javascript
Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结
Apr 15 Javascript
JavaScript学习笔记之ES6数组方法
Mar 25 Javascript
javascript函数自动执行常用方法汇总
Mar 28 Javascript
基于Node.js的JavaScript项目构建工具gulp的使用教程
May 20 Javascript
js判断请求的url是否可访问,支持跨域判断的实现方法
Sep 17 Javascript
浅谈Vue2.0中v-for迭代语法的变化(key、index)
Mar 06 Javascript
Element-ui中元素滚动时el-option超出元素区域的问题
May 30 Javascript
vue中如何实现后台管理系统的权限控制的方法步骤
Sep 05 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
snoopy PHP版的网络客户端提供本地下载
2008/04/15 PHP
PHP中遍历stdclass object的实现代码
2011/06/09 PHP
PHP写的简单数字验证码实例
2017/05/23 PHP
Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别
2009/11/12 Javascript
10个基于jQuery或JavaScript的WYSIWYG 编辑器整理
2010/05/06 Javascript
JavaScript单元测试ABC
2012/04/12 Javascript
formvalidator验证插件中有关ajax验证问题
2013/01/04 Javascript
babel基本使用详解
2017/02/17 Javascript
jQuery使用正则验证15/18身份证的方法示例
2017/04/27 jQuery
JS中使用gulp实现压缩文件及浏览器热加载功能
2017/07/12 Javascript
jQuery实现上传图片前预览效果功能
2017/08/03 jQuery
IScroll5实现下拉刷新上拉加载的功能实例
2017/08/11 Javascript
jQuery基于cookie实现换肤功能实例
2017/10/14 jQuery
JavaScript实现二叉树的先序、中序及后序遍历方法详解
2017/10/26 Javascript
Vue.js devtool插件安装后无法使用的解决办法
2017/11/27 Javascript
Angular2 父子组件通信方式的示例
2018/01/29 Javascript
nest.js 使用express需要提供多个静态目录的操作方法
2019/10/24 Javascript
vue中echarts图表大小适应窗口大小且不需要刷新案例
2020/07/19 Javascript
vue中destroyed方法的使用说明
2020/07/21 Javascript
Nuxt的路由配置和参数传递方式
2020/11/06 Javascript
[00:15]TI9地铁玩家打卡
2019/08/11 DOTA
python 自动提交和抓取网页
2009/07/13 Python
Python实现保证只能运行一个脚本实例
2015/06/24 Python
使用pandas的DataFrame的plot方法绘制图像的实例
2018/05/24 Python
Python实现图片拼接的代码
2018/07/02 Python
Python开发.exe小工具的详细步骤
2021/01/27 Python
英国助听器购物网站:Hearing Direct
2018/08/21 全球购物
敬老文明号事迹材料
2014/01/16 职场文书
工厂会计员职责
2014/02/06 职场文书
辩论赛主持词
2014/03/18 职场文书
村干部培训方案
2014/05/02 职场文书
幼儿园六一亲子活动方案
2014/08/26 职场文书
2014年办公室文员工作总结
2014/11/12 职场文书
公司经营目标责任书
2015/01/29 职场文书
劳动保障事务所个人工作总结
2015/08/12 职场文书
Python实现生成bmp图像的方法
2021/06/13 Python