[문의] 왜 이미지를 두번 클릭해야 바뀔까요?

닫힌 폴더 이미지를 눌렀을때 열린폴더로 변경되며

아랫부분에 리스트형식 이미지가 나오도록 하였는데

리스트형식이미지를 다음페이지로 넘기려면 최초클릭을 두번해야 넘어갑니다. 어떤부분이 문제인가용?

(후에 폴더 버튼도 늘어나고 그에 맞춰 리스트형식 이미지도 같이 늘어날 예정입니다.)

<span data-inven-id="rasp_a_show">

   <a href="#"

        data-inven-show="rasp_a,rasp_aa"

        data-inven-hide="rasp_a_show">

       <img style="width: 180px;" src=" https://upload2.inven.co.kr/upload/2016/03/29/bbs/i11562542190.png" width="180" border="0"/>

    </a>

</span>

<span data-inven-id="rasp_a" style="display:none;">

    <a href="#"

        data-inven-show="rasp_a_show"

        data-inven-hide="rasp_a,rasp_aa">

      <img style="width: 180px;" src=" https://upload2.inven.co.kr/upload/2016/03/29/bbs/i10848834841.png" width="180" border="0"/>

     </a>          

</span>

<div data-inven-id="rasp_aa" style="display:none;">

이미지를 클릭할때마다 변경됩니다.

<div data-inven-list=" img1 , img2 , img3 ">

  <div data-inven-id="img1" style="text-align: center;">

    <img style="width: 435px;" src=" https://upload2.inven.co.kr/upload/2015/04/08/bbs/i14164894450.gif"/>

    <br/>양순이 겸</div>

  <div data-inven-id="img2" style="display:none; text-align: center;">

    <img style="width: 435px;" src=" https://upload2.inven.co.kr/upload/2015/04/04/bbs/i13694337751.gif"/>

    <br/>마법소녀 로로</div>

  <div data-inven-id="img3" style="display:none; text-align: center;">

    <img style="width: 435px;" src="https://upload2.inven.co.kr/upload/2015/04/02/bbs/i14371530957.gif"/>

    <br/>뿌앙뿌앙빵</div>

</div>

</div>

예시

이미지를 클릭할때마다 변경됩니다.

양순이 겸

마법소녀 로로

뿌앙뿌앙빵