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+JQuery返回顶部功能如何实现
Dec 03 Javascript
js实现的倒计时按钮实例
Jun 24 Javascript
将List对象列表转换成JSON格式的类实现方法
Jul 04 Javascript
jquery radio的取值_radio的选中_radio的重置方法
Sep 20 Javascript
javascript入门之数组[新手必看]
Nov 21 Javascript
Javascript基于jQuery UI实现选中区域拖拽效果
Nov 25 Javascript
js querySelector() 使用方法
Dec 21 Javascript
vue-router+nginx 非根路径配置方法
Jun 30 Javascript
js设置鼠标悬停改变背景色实现详解
Jun 26 Javascript
jquery轻量级数字动画插件countUp.js使用详解
Oct 17 jQuery
基于Vue+ElementUI的省市区地址选择通用组件
Nov 20 Javascript
JavaScript实现前端倒计时效果
Feb 09 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页面缓存ob系列函数介绍
2012/10/18 PHP
提高PHP编程效率的方法
2013/11/07 PHP
利用Laravel生成Gravatar头像地址的优雅方法
2017/12/30 PHP
PHP实现的简单路由和类自动加载功能
2018/03/13 PHP
详解php命令注入攻击
2019/04/06 PHP
PHP7 windows支持
2021/03/09 PHP
javascript中的作用域scope介绍
2010/12/28 Javascript
Ext JS 4官方文档之三 -- 类体系概述与实践
2012/12/16 Javascript
js中的如何定位固定层的位置
2014/06/15 Javascript
拥Bootstrap入怀——导航栏篇
2016/05/30 Javascript
Node.js connect ECONNREFUSED错误解决办法
2016/09/15 Javascript
Angular2 (RC4) 路由与导航详解
2016/09/21 Javascript
Javascript中 toFixed四舍六入方法
2017/08/21 Javascript
在vue中使用SockJS实现webSocket通信的过程
2018/08/29 Javascript
bootstrap table列和表头对不齐的解决方法
2019/07/19 Javascript
利用layer实现表单完美验证的方法
2019/09/26 Javascript
基于iview-admin实现动态路由的示例代码
2019/10/02 Javascript
JS常用正则表达式超全集(密码强度校验,金额校验,IE版本,IPv4,IPv6校验)
2020/02/03 Javascript
[02:26]2018DOTA2亚洲邀请赛赛前采访-Newbee篇
2018/04/03 DOTA
django js实现部分页面刷新的示例代码
2018/05/28 Python
Python数据类型之List列表实例详解
2019/05/08 Python
Django获取应用下的所有models的例子
2019/08/30 Python
python+tifffile之tiff文件读写方式
2020/01/13 Python
python标准库OS模块函数列表与实例全解
2020/03/10 Python
python实现单张图像拼接与批量图片拼接
2020/03/23 Python
Python延迟绑定问题原理及解决方案
2020/08/04 Python
css3的动画特效之动画序列(animation)
2017/12/22 HTML / CSS
美国轻奢时尚购物网站:REVOLVE(支持中文)
2020/07/18 全球购物
比较基础的php面试题及答案-填空题
2014/04/26 面试题
远东集团网络工程师面试题
2014/10/20 面试题
大学生旅游业创业计划书
2014/01/29 职场文书
《小松树和大松树》教学反思
2014/02/20 职场文书
趣味运动会广播稿
2014/09/13 职场文书
提升Nginx性能的一些建议
2021/03/31 Servers
mongodb清除连接和日志的正确方法分享
2021/09/15 MongoDB
MutationObserver在页面水印实现起到的作用详解
2022/07/07 Javascript