多个选择框自动下拉和隐藏

注意：用到了Bootstrap

JSP代码：

		

			
学院
				

					
计算机科学与技术
					
通信工程
					
艺术与设计
					
地质勘测
					
文学与园艺
				
		
	
	      
	

		

			
专业 
				

					
网络工程
					
信息安全
					
web攻防
					
路由交换
					
软件工程
				
		
	

JS代码：

/**
 * 
 */
$(document).ready(function() {
	function allup() {
		$("#downxy").slideUp();
		$("#downzy").slideUp();
		$("#downbj").slideUp();
		$("#downkc").slideUp();
	}

	//当当前选框选中的时候其他选框收起还原
	function xyup() {
		// $("#downxy").slideUp();
		$("#downzy").slideUp();
		$("#downbj").slideUp();
		$("#downkc").slideUp();
	}
	function zyup() {
		$("#downxy").slideUp();
		// $("#downzy").slideUp();
		$("#downbj").slideUp();
		$("#downkc").slideUp();
	}

	$("#axy").mouseenter(function() {
		$("#downxy").slideDown();
		$(".downxy").click(function() {
			$("#downxy").slideUp();
		});
		xyup();
	});

	$("#azy").mouseenter(function() {
		$("#downzy").slideDown();
		$(".downzy").click(function() {
			$("#downzy").slideUp();
		});
		zyup();
	});
	//这一部分主要是为了达到更好的效果，在jsp中将当前所有选框放在一个div中，然后对当前div添加事件让所有选框还原
	$("#includediv").mouseenter(function() {
		allup();
	});
	$("#includediv").mouseleave(function() {
		allup();
	});
});