질문은 처음이라 여기로 하는게 맞는지 모르겠습니다.

기말 텀프로젝트인데 DB 전혀 쓰지 않고  XML로 제작중입니다.  (게시판 제작이 아니나. 불가피하게 넣을 수 밖에 없더군요.)
XML을 질문하는게 아니고요, html로 어떻게 짜야되는지 알고 싶습니다.
     ┏━ ━┓
     ┃ 제목┃
     ┣━ ━┫ <--- 본문
     ┃ 제목┃
     ┣━ ━┫
     ┃ 제목┃
     ┣━ ━┫
     ┃ 제목┃
     ┗━ ━┛

게시판의 리스트 제목이 4개가 있을 경우에 , 해당 제목을 onclick 하게 되면, 해당 본문이 해당 제목밑에 바로 연결 되어 나오게 하는법을 알고 싶습니다.
DOM도 도입부분만 배운상황이라 써먹을 수도 없는 지경입니다.
게시판 제작은 무경력이라 더 어렵군요.



답변좀 부탁드립니다.