[jQuery] 아코디언 메뉴 만들기

HTML

	

		

			asd
		
		

			asdasd
		
	
	

		

			asdasd
		
		

			asdasd
		
	
	

		

			asda
		
		

			asdasd
		
	

CSS

li .con{display:none;}

JS

$('ul.qna_list').on('click','.tit',  function() {
	var $this = $(this);
	var $hasCls = $this.hasClass("on");
	$this.closest("li").find(".con").stop().slideDown(400);
	$this.closest("ul").find("li .tit").each(function(){
		$(this).removeClass("on");
		$(this).closest("li").find(".con").stop().slideUp(400);
	}).promise().then(function(){
		if(!$hasCls){
			$this.addClass("on");
			$this.closest("li").find(".con").stop().slideDown(400);
		}
	});
});