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 相关文章推荐
ASP.NET中基于JQUERY的高性能的TreeView补充
Feb 23 Javascript
jQuery 源码分析笔记(4) Ready函数
Jun 02 Javascript
JS中处理与当前时间间隔的函数代码
May 23 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
Oct 25 Javascript
在IE8上JS实现combobox支持拼音检索功能
May 23 Javascript
使用jQuery给input标签设置默认值
Jun 20 Javascript
assert()函数用法总结(推荐)
Jan 25 Javascript
ES6中Math对象新增的方法实例详解
Apr 25 Javascript
使用JS中的Replace()方法遇到的问题小结
Oct 20 Javascript
Node.js+ELK日志规范的实现
May 23 Javascript
Vue.use()在new Vue() 之前使用的原因浅析
Aug 26 Javascript
angular4实现带搜索的下拉框
Mar 25 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实现的MySQL通用查询程序
2007/03/11 PHP
php中引用符号(&)的使用详解
2013/11/13 PHP
php实现的百度搜索某地天气的小偷代码
2014/04/23 PHP
Mac系统下使用brew搭建PHP(LNMP/LAMP)开发环境
2015/03/03 PHP
PHP类和对象相关系统函数与运算符小结
2016/09/28 PHP
PHP创建文件及写入数据(覆盖写入,追加写入)的方法详解
2019/02/15 PHP
JavaScript 函数replace深入了解
2013/03/14 Javascript
简单的两种Extjs formpanel加载数据的方式
2013/11/09 Javascript
JQUERY dialog的用法详细解析
2013/12/19 Javascript
基于jquery实现图片放大功能
2016/05/07 Javascript
JS实现禁止鼠标右键的功能
2016/10/15 Javascript
EasyUI 中combotree 默认不能选择父节点的实现方法
2016/11/07 Javascript
webpack2.0搭建前端项目的教程详解
2017/04/05 Javascript
Angular4学习笔记之根模块与Ng模块
2017/09/09 Javascript
three.js中文文档学习之通过模块导入
2017/11/20 Javascript
如何选择适合你的JavaScript框架
2017/11/20 Javascript
webpack 从指定入口文件中提取公共文件的方法
2018/11/13 Javascript
vue响应式系统之observe、watcher、dep的源码解析
2019/04/09 Javascript
vue实现两个区域滚动条同步滚动
2020/12/13 Vue.js
python2.7 安装pip的方法步骤(管用)
2019/05/05 Python
pandas实现将dataframe满足某一条件的值选出
2019/06/12 Python
用Python在Excel里画出蒙娜丽莎的方法示例
2020/04/28 Python
Python实现查找数据库最接近的数据
2020/06/08 Python
深入浅析Python代码规范性检测
2020/07/31 Python
Python入门基础之数字字符串与列表
2021/02/01 Python
解决Python import .pyd 可能遇到路径的问题
2021/03/04 Python
CSS3结构性伪类选择器九种写法
2012/04/18 HTML / CSS
基于CSS3实现图片模糊过滤效果
2015/11/19 HTML / CSS
什么是继承
2013/12/07 面试题
JAVA程序员自荐书
2014/01/30 职场文书
理工大学毕业生自荐信范文
2014/02/22 职场文书
毕业生如何写自我鉴定
2014/03/15 职场文书
婚内房产协议书范本
2014/10/02 职场文书
党委书记群众路线对照检查材料思想汇报
2014/10/04 职场文书
2017年寒假少先队活动总结
2016/04/06 职场文书
Python docx库删除复制paragraph及行高设置图片插入示例
2022/07/23 Python