하...이게 div 명령어가 엄청나게 많이나오다보니 쓰다가 헷갈리네요 ㅠㅠ


수정하고 싶은 스크립트는

--------------------------------

<a href="#"
    data-inven-random="g1,g2,g3,g4">
<b><font face="Verdana" style="background-color: #000000;" color="#ffffff">무쓸모연화</font></b>
        
</a>

<div data-inven-id="g1" style="display:none;"> <img src="https://optimal.inven.co.kr/upload/2018/12/17/bbs/i15028886723.gif" border="0" width="438"> </div>
<div data-inven-id="g2" style="display:none;"> <img src="https://optimal.inven.co.kr/upload/2018/12/17/bbs/i15957709489.gif" border="0" width="438"> </div>
<div data-inven-id="g3" style="display:none;"> <img src="https://optimal.inven.co.kr/upload/2018/12/17/bbs/i14112552648.gif" border="0" width="438"> </div>
<div data-inven-id="g4" style="display:none;"> <img src="https://optimal.inven.co.kr/upload/2018/12/17/bbs/i15051343591.gif" border="0" width="438"> </div>
<br><br>
<a href="#"
    data-inven-random="l1,l2,l3,l4">
<b><font face="Verdana" style="background-color: #000000;" color="#ffffff">무쓸모린검사</font></b>
        
</a>

<div data-inven-id="l1" style="display:none;"> <img src="https://optimal.inven.co.kr/upload/2018/12/17/bbs/i13220498720.gif" border="0" width="438"> </div>
<div data-inven-id="l2" style="display:none;"> <img src="https://optimal.inven.co.kr/upload/2018/12/17/bbs/i13259525943.gif" border="0" width="438"> </div>
<div data-inven-id="l3" style="display:none;"> <img src="https://optimal.inven.co.kr/upload/2018/12/17/bbs/i13285971494.gif" border="0" width="438"> </div>
<div data-inven-id="l4" style="display:none;"> <img src="https://optimal.inven.co.kr/upload/2018/12/17/bbs/i13214376783.gif" border="0" width="438"> </div>
<br><br>
<a href="#"
    data-inven-random="a1,a2,a3">
<b><font face="Verdana" style="background-color: #000000;" color="#ffffff">무쓸모은신</font></b>
        
</a>

<div data-inven-id="a1" style="display:none;"> <img src="https://optimal.inven.co.kr/upload/2018/12/17/bbs/i13290295257.gif" border="0" width="438"> </div>
<div data-inven-id="a2" style="display:none;"> <img src="https://optimal.inven.co.kr/upload/2018/12/17/bbs/i14205677351.gif" border="0" width="438"> </div>
<div data-inven-id="a3" style="display:none;"> <img src="https://optimal.inven.co.kr/upload/2018/12/17/bbs/i14235777836.gif" border="0" width="438"> </div>
<br><br>
<a href="#"
    data-inven-random="m1,m2,m3">
<b><font face="Verdana" style="background-color: #000000;" color="#ffffff">꾸꾸꾸꾸꾸꾸[통칭 육꾸]</font></b>
        
</a>

<div data-inven-id="m1" style="display:none;"> <img src="https://optimal.inven.co.kr/upload/2018/12/17/bbs/i14786146023.gif" border="0" width="438"> </div>
<div data-inven-id="m2" style="display:none;"> <img src="https://optimal.inven.co.kr/upload/2018/12/17/bbs/i14747170213.gif" border="0" width="438"> </div>
<div data-inven-id="m3" style="display:none;"> <img src="https://optimal.inven.co.kr/upload/2018/12/17/bbs/i14700725552.gif" border="0" width="438"> </div>


----------------------------------------------------

여기 부분인데 

지금은 탭 클릭하고 이름 클릭시 이미지가 바뀌어서 나오는 식으로 되어있습니다.

이게 모바일 같은 환경에서는 한번에 gif파일들이 나오다보니 렉이 심해서

이 부분들을 이름으로 접어서 이름 클릭했을때 펼쳐지고, gif 그림을 눌렀을때 다른 랜덤한 그림으로 바꾸게 하고 싶습니다.

일하시는 분들 매우 존경스럽습니다... ㅠ