이글루스에서 More & Less 사용하기

정말 알고 싶었던 기능입니다. 물어보고 싶었지만 머뭇거리고만 있었는데. 이렇게 훌륭하게 만들어 주시는 분들이 계시다니! 이번에 추가된 기능이 바로 그거였군요. More. 하지만 이글루스건 왠지 화면 전체가 로딩되어서 불편. 여기의 이 소스는 정말로 신이여 감사합니다! 버젼이랍지요 ^^

아래는 그 소스입니다. 저는 만들어 놓으신겨 겨우겨우 쓰는 형편인지라. 뭔가 질답은 트랙백을 타고 가주세요^^a

*추가* 고유아이디부분(div id='test_click1'같은 것)을 신경써야 한다고 합니다. 이글루스 주소아이디를 응용하면 좋을 것 같습니다.

<div id='test_click1'><a href="#none" onclick=document.getElementById('test_more').style.display='block';document.getElementById('test_click1').style.display='none';document.getElementById('test_click2').style.display='block'>자세한 내용보기</a></div><div id='test_click2' style="display:none"><a href="#none" onclick=document.getElementById('test_more').style.display='none';document.getElementById('test_click2').style.display='none';document.getElementById('test_click1').style.display='block'>자세한 내용감추기</a></div><div id='test_more' style="display:none">여기엔 좀더 상세한 설명이 들어가면 좋겠죠?
이미지도 물론 좋겠구요 ^^; 업로드한 이미지를 이곳에 넣을수도 있구요
</div>


<div id='test_click11'><a href="#none" onclick=document.getElementById('test_more1').style.display='block';document.getElementById('test_click11').style.display='none';document.getElementById('test_click21').style.display='block'>자세한 내용보기</a></div><div id='test_click21' style="display:none"><a href="#none" onclick=document.getElementById('test_more1').style.display='none';document.getElementById('test_click21').style.display='none';document.getElementById('test_click11').style.display='block'>자세한 내용감추기</a></div><div id='test_more1' style="display:none">여기엔 좀더 상세한 설명이 들어가면 좋겠죠?
이미지도 물론 좋겠구요 ^^; 업로드한 이미지를 이곳에 넣을수도 있구요
</div>

>_< 감사합니다!!