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 相关文章推荐
JQuery设置获取下拉菜单某个选项的值(比较全)
Aug 05 Javascript
AngularJS基础学习笔记之表达式
May 10 Javascript
Vue.js 父子组件通讯开发实例
Sep 06 Javascript
基于Three.js插件制作360度全景图
Nov 29 Javascript
使用jquery给新生的th绑定hover事件的实例
Feb 10 Javascript
React Native 截屏组件的示例代码
Dec 06 Javascript
js 实现ajax发送步骤过程详解
Jul 25 Javascript
JS开发自己的类库实例分析
Aug 28 Javascript
Vue 实现html中根据类型显示内容
Oct 28 Javascript
使用JS监听键盘按下事件(keydown event)
Nov 07 Javascript
利用promise及参数解构封装ajax请求的方法
Mar 24 Javascript
JavaScript执行机制详细介绍
Dec 06 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(六)
2006/10/09 PHP
PHP的explode和implode的使用说明
2011/07/17 PHP
PHP以mysqli方式连接类完整代码实例
2014/07/15 PHP
简单分析ucenter 会员同步登录通信原理
2014/08/25 PHP
简单介绍win7下搭建apache+php+mysql开发环境
2015/08/06 PHP
Thinkphp单字母函数使用指南
2016/05/08 PHP
PHP基于imagick扩展实现合成图片的两种方法【附imagick扩展下载】
2017/11/14 PHP
Aster vs Newbee BO5 第二场2.19
2021/03/10 DOTA
动态添加js事件实现代码
2009/03/12 Javascript
几个比较实用的JavaScript 测试及效验工具
2010/04/18 Javascript
ajax 缓存 问题 requestheader
2010/08/01 Javascript
js鼠标及对象坐标控制属性详细解析
2013/12/14 Javascript
JS可以控制样式的名称写法一览
2014/01/16 Javascript
jQuery 1.9.1源码分析系列(十五)动画处理之缓动动画核心Tween
2015/12/03 Javascript
深入解析桶排序算法及Node.js上JavaScript的代码实现
2016/07/06 Javascript
微信小程序商城项目之淘宝分类入口(2)
2017/04/17 Javascript
关于bootstrap日期转化,bootstrap-editable的简单使用,bootstrap-fileinput的使用详解
2017/05/12 Javascript
jQuery操作DOM_动力节点Java学院整理
2017/07/04 jQuery
vue下拉列表功能实例代码
2018/04/08 Javascript
原生JS实现$.param() 函数的方法
2018/08/10 Javascript
Vue+Element实现动态生成新表单并添加验证功能
2019/05/23 Javascript
js+html实现周岁年龄计算器
2019/06/25 Javascript
vue+iview框架实现左侧动态菜单功能的示例代码
2020/07/23 Javascript
vue - props 声明数组和对象操作
2020/07/30 Javascript
详解Python pygame安装过程笔记
2017/06/05 Python
python实现图书管理系统
2018/03/12 Python
Python爬虫爬取新闻资讯案例详解
2020/07/14 Python
英国拳击装备购物网站:RDX Sports
2018/01/23 全球购物
毕业生自我鉴定范文
2013/11/08 职场文书
挑战杯创业计划书的写作指南
2014/01/07 职场文书
诚信的演讲稿范文
2014/05/12 职场文书
生物技术专业求职信
2014/06/10 职场文书
2014年乡镇工会工作总结
2014/12/02 职场文书
党支部承诺书
2015/01/20 职场文书
实习生辞职信范文
2015/03/02 职场文书
2019销售早会主持词
2019/06/27 职场文书