아코디언 형식 스크립트

<li class="article">
	<a>클릭포인트</a>
	<div>숨겨놨다가 보여줄 컨텐츠</div>
</li>


jQuery(function(){
	var article = $('.컨텐츠랩 .article');
	article.addClass('hide');
	article.find('숨겨놨다가 보여줄컨텐츠').hide();
    
    $('.컨텐츠랩 .article .클릭포인트').click(function(){
	var myArticle = $(this).parents('.article:first');
	if(myArticle.hasClass('hide')){
	article.addClass('hide').removeClass('show'); // 아코디언 효과를 원치 않으면 이 라인을 지우세요
    	article.find('.숨겨놨다가 보여줄컨텐츠').slideUp(); // 아코디언 효과를 원치 않으면 이 라인을 지우세요
    	myArticle.removeClass('hide').addClass('show');
    	myArticle.find('.숨겨놨다가 보여줄컨텐츠').slideDown();
    } else {
    	myArticle.removeClass('show').addClass('hide');
    	myArticle.find('.숨겨놨다가 보여줄컨텐츠').slideUp();
   		}
    });
});

티스토리 코드블럭 간격설정 영 불편하구먼