手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >toggle一个div显示或隐藏且可扩展成自定义下拉框
toggle一个div显示或隐藏且可扩展成自定义下拉框
摘要:复制代码代码如下:$(function(){//togglediv$("#gga").click(function(event){event...

复制代码 代码如下:

$(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(); //取消事件的默认动作。

【toggle一个div显示或隐藏且可扩展成自定义下拉框】相关文章:

网页里控制图片大小的相关代码

动态加载jQuery的方法

浅谈javascript中for in 和 for each in的区别

去除链接虚线全面分析总结

JavaScript中length属性的使用方法

js实现发送验证码后的倒计时功能

基于JavaScript实现智能右键菜单

png在IE6 下无法透明的解决方法汇总

Eclipse编辑jsp、js文件时卡死现象的解决办法汇总

浅谈javascript事件取消和阻止冒泡

精品推荐
分类导航