Heim >Web-Frontend >js-Tutorial >toggle一个div显示或隐藏且可扩展成自定义下拉框_jquery

toggle一个div显示或隐藏且可扩展成自定义下拉框_jquery

WBOY
WBOYOriginal
2016-05-16 17:22:461076Durchsuche
复制代码 代码如下:

$(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(); //取消事件的默认动作。
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn