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 相关文章推荐
excel操作之Add Data to a Spreadsheet Cell
Jun 12 Javascript
javascript 自动转到命名锚记
Jan 10 Javascript
深入分析JQuery和JavaScript的异同
Oct 23 Javascript
jQuery基于ajax实现星星评论代码
Aug 07 Javascript
javascript HTML5 canvas实现打砖块游戏
Jun 18 Javascript
浅谈js中子页面父页面方法 变量相互调用
Aug 04 Javascript
探讨AngularJs中ui.route的简单应用
Nov 16 Javascript
JS中的作用域链
Mar 01 Javascript
基于JSON数据格式详解
Aug 31 Javascript
详解React项目如何修改打包地址(编译输出文件地址)
Mar 21 Javascript
this.$toast() 了解一下?
Apr 18 Javascript
vue v-model的用法解析
Oct 19 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
用mysql内存表来代替php session的类
2009/02/01 PHP
smarty内置函数capture用法分析
2015/01/22 PHP
php使用数组填充下拉列表框的方法
2015/03/31 PHP
php 读写json文件及修改json的方法
2018/03/07 PHP
JavaScript 获取用户客户端操作系统版本
2009/08/25 Javascript
javascript 操作select下拉列表框的一点小经验
2010/03/20 Javascript
jquery 表格分页等操作实现代码(pagedown,pageup)
2010/04/11 Javascript
javascript中window.event事件用法详解
2012/12/11 Javascript
提交表单时执行func方法实现代码
2013/03/17 Javascript
捕获键盘事件(且兼容各浏览器)
2013/07/03 Javascript
使用jquery组件qrcode生成二维码及应用指南
2015/02/22 Javascript
JQuery中DOM事件绑定用法详解
2015/06/13 Javascript
js实现接收表单的值并将值拼在表单action后面的方法
2015/11/23 Javascript
全面解析Javascript无限添加QQ好友原理
2016/06/15 Javascript
省市二级联动小案例讲解
2016/07/24 Javascript
整理关于Bootstrap表单的慕课笔记
2017/03/29 Javascript
bootstrap timepicker在angular中取值并转化为时间戳
2017/06/13 Javascript
Canvas放置反弹效果随机图形(实例)
2017/08/17 Javascript
基于js粘贴事件paste简单解析以及遇到的坑
2017/09/07 Javascript
JavaScript调用模式与this关键字绑定的关系
2018/04/21 Javascript
浅析JavaScript异步代码优化
2019/03/18 Javascript
JS学习笔记之贪吃蛇小游戏demo实例详解
2019/05/29 Javascript
python开发之for循环操作实例详解
2015/11/12 Python
Python实现优先级队列结构的方法详解
2016/06/02 Python
Python中Django 后台自定义表单控件
2017/03/28 Python
Python实现学生成绩管理系统
2020/04/05 Python
Python iter()函数用法实例分析
2018/03/17 Python
django用户登录和注销的实现方法
2018/07/16 Python
Python实现FM算法解析
2019/06/18 Python
我们为什么要减少Python中循环的使用
2019/07/10 Python
Python 控制终端输出文字的实例
2019/07/12 Python
Python TKinter如何自动关闭主窗口
2020/02/26 Python
品牌推广策划方案
2014/05/28 职场文书
2016元旦文艺汇演主持词(开场白+结束语)
2015/12/03 职场文书
怎样写好演讲稿题目?
2019/08/21 职场文书
搞笑Gif:这么白这么长的腿像极了一楼的女朋友
2022/03/21 杂记