스킨자료실에 올라온글 탭 구성 질문

http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=109906

이것을 활용해보려고 하는데요;
<div class="wrap">
<div class="titles">
<div class="title">자유게시판</div><div class="tab"><a href="#">인기순</a> <span>|</span> <a href="#">최신순</a> <span>|</span> <a href="#">전체보기</a></div>
</div>
이 부분에서요

인기순 최신순 전체순 누르면

밑에 <div> </div>를 만들어서

그 부분이 출력 되게 하려면 어떻게 해야 하나요

ex ) 인기 순을 누르면

밑에 <div id=인기순> 출력 될 부분 </div>

최신 순을 누르면

<div id=최신순> 출력 될 부분 </div>

이런식으로 구성해 보고 싶습니다 ^^?

이런식으로 구성 하는것 맞나요?