// JavaScript Document
 $(document).ready(function () {
 var article = $('.faq .article');  //article=> 모든 질문과 답변(li tag)
 //article.find('.a').slideUp(100);  //(find 는 자식을찾는다).a 라는 아이를 찾아 이미 닫은상태로 보이게 했으니 주석처리 해놓은것임
 $('.faq .article:eq(0)').find('.a').slideDown(100);
 $('.faq .article:eq(0)').removeClass('hide').slideDown('show');
 
 
 $('.faq .article .trigger').click(function(){    //각각의 질문을 클릭하면(trigger 라는tag)
 var myArticle = $(this).parents('.article'); //클릭한 태그의 부모를 찾아라 (li)
 
 if(myArticle.hasClass('hide')){                         //클릭한 li가 닫혀있나?(hide) 
     article.find('.a').slideUp(100);                     //모든 li의 답변을 닫는다
                  article.removeClass('show').addClass('hide');  //하나가 열리면  그전li 의 답변(a)를 닫아라..반복
     myArticle.removeClass('hide').addClass('show');  //show상태로 바꿔라 
     myArticle.find('.a').slideDown(100);             //답변을 열어라
  } else {           //클릭한 li가 열려있나?(show) 
    myArticle.removeClass('show').addClass('hide');   //hide 상태로 바꿔라
    myArticle.find('.a').slideUp(100);                //답변을 닫아라
 }  
  });
  //한번에 열고 닫히는 모두 여닫기 기능 추가
   $('.all').toggle(function(){ 
     article.find('.a').slideDown(100);
     article.removeClass('hide').addClass('show');
  $(this).text('모두닫기▲')
 },function(){ 
     article.find('.a').slideUp(100);
     article.removeClass('show').addClass('hide');
  $(this).text('모두열기▼')
 });
         
});