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

前端技术 2023/09/02 JavaScript

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