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

复制代码 代码如下:

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