제이쿼리 감추고 숨기는거 질문합니다 ㅠ

<ul id="interview_page">
      <li id="page_01">
       <img src="images/interview01.png" />
      </li>
        <ul class="sub">
         <li class="interview01">
          <span>A :</span> 내용
         </li>
        </ul>
      <li id="page_02">
       <img src="images/interview03.png" />
      </li>
        <ul class="sub">
         <li class="interview01">
          <span>A :</span> 내용
         </li>
        </ul>
      <li id="page_03">
       <img src="images/interview04.png" />
      </li>
        <ul class="sub">
         <li class="interview01">
          <span>A :</span> 내용
         </li>
        </ul>
     </ul>

#interview_page { position:absolute; width:284px; height:285px; margin-left:-19px; margin-top:-15px; }
 #interview_page #page_01 { cursor:pointer; line-height:41px; }
 #interview_page > li#page_01 img { }
 #interview_page > .sub { padding:10px; display:none;}
.sub span { font-weight:bolder; }
.about_sub_conts #interview_page .sub> li.interview01 {  position:absolute; left:10px; top:41p

안녕하세요 저는 독학하고 있는 코딩초보입니다 제가 한 코딩입니다 ㅠ 지금 ㅍㅔ이지를 만들고있는데 인터뷰 이미지3개가 보이고 그중 이미지 하나씩 클릭하면 내용이 나오게끔 하고싶습니다 근데 어떻게 코딩을 해야될지 몰라서 애먹고 있네요 ㅠ 어떻게 해야될까요 ㅠ 고수님들 도움좀 주시면 정말 감사하겠습니다 ㅠㅠ