이글루스에서 글 접기 펼치기 사용법 ver.3 by Foms

펼치기 / 접기가 안되어 고통받는 모든 이글루스 블로거들에게...


1. 블로그에 아래 위젯을 추가해둔다.
아무런 형태가 없는 위젯이다보니
블로그에 이 위젯을 삽입해도 보이지는 않는다.

여기까지는 같고 좀더 편하게 바꿔보았다.
예전 방법도 여전히 기능한다.

2. 접기 시작 부분에 [펼치기/접기 버튼]으로 쓸 부분을 지정하고

링크 버튼을 사용하여 아래와 같이 #foldStart 라는 링크를 추가한다.


3. 

접기가 끝나는 부분에는 같은 방식으로 [접기 버튼]으로 쓸부분에 #foldEnd 라는 링크를 추가한다.



짧은 글을 접을때는 << 라고만 써놓고 #foldEnd를 추가하면 접기버튼이 생기기 않는다.




※예시


접을 내용1


접을 내용2


접을 내용1




접을 내용이 짧을때

짧은 내용



============== 예전방법 ==============

2. 글작성시 html 입력에서 다음과 같이 작성


<span class=openBtn>[펼치기 버튼]</span><div>

[이곳에 펼치기/접기할 내용이 들어간다]

<span class=closeBtn>[접기 버튼]</span></div>

혹은

<div class=openBtn>[펼치기 버튼]</div><div>

[이곳에 펼치기/접기할 내용이 들어간다]

<div class=closeBtn>[접기 버튼]</div></div>


※ 예시

>>펼치기

펼치기 / 접기가 안되어 고통받는 모든 이글루스 블로거들에게...

<<접기


내용이 짧을떈 이런식으로만 해도 된다.

<div class=openBtn>[펼치기/접기 버튼]</div><div>

[이곳에 펼치기/접기할 내용이 들어간다]

</div>

※ 예시

>>펼치기/접기

펼치기 / 접기가 안되어 고통받는 모든 이글루스 블로거들에게...




※ 참고사항

 - 에디터 상에서는 작동하지 않는다.

 - 위젯 추가가 안되니 당연하지만...
    모바일 버전에선 작동하지 않는다.

 - 아래쪽 접기 버튼을 누르면 펼치기 버튼이 있던 자리로 스크롤이 이동하게 되어있다.
   그렇지 않으면 긴글을 접었을때 본래의 글 위치를 한참 벗어나는 경우가 있다.

p.s. 공개된 위젯 업뎃은 어찌해야하는건지...;
     아시는 분 제보 좀...
     결국 공개 취소했다 재 공개

핑백

  • 30대 직장인의 생활 : HTML태그] 접어두기 2015-07-15 16:21:57 #

    ... : http://ebc.egloos.com/8281 이에 대해 알아보던 중 한가지 방법을 소개한 이글루스가 있었다. : http://foms.egloos.com/3517363 위 방법의 단점은 모바일에서는 동작하지 않는다는 점이라고 한다. ... more

덧글

  • 모바일 2015/04/26 14:16 # 삭제 답글

    모바이이이이류ㅠ
  • 2015/10/09 17:33 # 삭제 답글 비공개

    비공개 덧글입니다.
  • Foms 2015/10/10 23:12 #

    음... 어떤건 되고 어떤건 안된다라;
    혹시 브라우저에 따른 문제는 아닌가요?
    찾아보니 IE에서는 그렇게 된다는 이야기가 있네요...
  • Foms 2015/10/10 15:58 #

    새버전을 올렸습니다. http://foms.egloos.com/3530375
    이제 IE에서도 접으면 플래시 재생 멈추네요 ^^
댓글 입력 영역


펼치기&amp;접기 지원