이글루스에서 More & Less 사용하기를 보면 몇분 댓글을 다셨는데요..

자세한 내용보기

자세한 내용감추기

여기엔 좀더 상세한 설명이 들어가면 좋겠죠?
이미지도 물론 좋겠구요 ^^; 업로드한 이미지를 이곳에 넣을수도 있구요

자세한 내용보기

자세한 내용감추기

여기엔 좀더 상세한 설명이 들어가면 좋겠죠?
이미지도 물론 좋겠구요 ^^; 업로드한 이미지를 이곳에 넣을수도 있구요

아이디가 동일해서 그럽니다. <div id='xxx'> 부분에 있는 모든 아이디를 유니크한, 곧 유일한 아이디로 바꾸시면 됩니다. 또 document.all['test... 이런식으로 되어 있는 부분들은 More & Less 넷스케잎에서도 성공... 이란 글에서와 같이 getElementById를 사용하시기 바랍니다.

매번 이게 불편하긴 한데요... 그래도 에러는 안납니다. ^^
소스는

<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>

입니다.... id붙이는 건 좀 성의없게 했습니다.

그런데 More 기능이 있는데.. 쓸모 있을까 모르겠습니다. 쩌비

앗.. 제목이.. 고쳤습니다.. 흐흐흐