2005년 11월 3일 목요일

간단한 More/Less 사용하기..

추가 : 출처를 찾았습니다..역시나 남의 것을 가져오면서 출처표시를 안한다는 것은 찜찜해서리..

브니님의 블로그에서 데려왔니다. http://veny.egloos.com/429303

보기/감추기
뭔가



이글루에서 지원하는 more 기능은 편하기는 하지만 한번 밖에 사용하지 못하고 다시 감추기가 안되서 약간은 불편한 점이 있다..

우연한 기회에 한 블로그에서 (어디서 찾았는지 생각이 안난다..ㅡㅡ;;) 찾은 이 소스를 사용하면 반복적으로 more 기능을 사용할 수 있으며, 또한 다시 감추는 less 기능도 있기에 편리하다..


소스는
<a href=#none onclick=this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';>보기/감추기</a><DIV style='display:none'>뭔가</DIV>


토글될 때 마다 텍스트가 바뀌는 예제..소스는 브니님의 블로그를 참고하시기 바랍니다.

내용보기
뭔가

댓글 2개:

  1. 이것은 무공비급 아닙니까...^^;;

    잘 쓰겠습니다. ㅎ

    답글삭제
  2. 카이엔 // 진정한 고수님들이 많다는 것을 다시 한번 느꼈습니다..

    답글삭제