토글메뉴? javascript

//slideBox	$('.worksToggle').css('display','none');	$('.defaultOpen').css('display','block');	$('.btn_worksToggle').click(function(){		$(this).next('.worksToggle').slideToggle('slow');		$(this).children('i').toggleClass('fa-chevron-circle-down fa-minus-circle');	});

<div class="pagearea">  <div class="area01"> <img class="imgarea" src="img.jpg" alt="img">    <div class="infoarea">      <h4>제목</h4>      <p class="pagetxt">더미텍스트</p>      <p class="btn_worksToggle"><i class="fa fa-chevron-circle-right"></i>View</p>    </div>  </div>  <div class="worksToggle defaultOpen">    <table>      <tr>        <th>제목</th>        <td>내용</td>      </tr>    </table>    <div class="works_news">      <h5>최신뉴스</h5>      <ul>        <li>          <time>2017.00.00</time>          <a href="#">          <p>뉴스제목</p>          </a> </li>        <li>          <time>2017.00.00</time>          <a href="#">          <p>뉴스제목。</p>          </a> </li>        <li>          <time>2017.00.00</time>          <a href="#">          <p>뉴스제목</p>          </a> </li>      </ul>    </div>  </div></div>