Toggle a div to show or hide and can be expanded into a custom drop-down box_jquery

Copy code The code is as follows:

$(function(){
//toggle div
$("#gga").click(function(event){
event.stopPropagation(); //Stop bubbling events
$(".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(); //Cancel the default action of the event.