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

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

-접기를 해도 플래시등이 계속 재생된다는 제보가 있어서 접은 내용을 Reset시키는 기능 추가
-자잘한 버그 수정.



1. 블로그에 아래 위젯을 추가해둔다.
http://valley.egloos.com/center/widget/4823 이글루스에서 위젯에 일부 기능을 막아서 수정
아무런 형태가 없는 위젯이다보니
블로그에 이 위젯을 삽입해도 보이지는 않는다.

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

============================================

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

링크 버튼을 사용하여 아래와 같이 #foldStart 라는 링크를 추가한다.
(new) 접어도 계속 재생되는 등의 문제가 있다면 #foldStartR 이라는 링크를 추가한다. (접은 내용을 리셋해준다)


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>


(new) 접어도 계속 재생되는 등의 문제가 있다면 openBtn대신 openBtnR을, closeBtn대신 closeBtnR사용한다. (접은 내용을 리셋해준다)

※ 예시

>>펼치기

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

<<접기


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

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

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

</div>

※ 예시

>>펼치기/접기

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




※ 참고사항

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

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

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

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

덧글

  • 게으른 순록 2016/09/11 10:57 # 답글

    후우 왜 양쪽 다 실험해봤는데 안 되는 걸까요 ? ㅠㅠㅠ
  • Foms 2016/10/09 01:50 #

    블로그에 위젯 적용을 하셔야...
  • Diner 2020/04/23 23:51 # 답글

    잘 사용하고 있었는데 어느순간 안되네요. 해결 방법이 없을까요?
  • Foms 2020/07/04 16:47 #

    한동안 와보질 않았다보니 이제야 봤네요.
    살펴보니 이글루스에서 위젯 기능 일부를 막아버렸네요.
    그래도 코드 압축 안하니 돌아가길래 수정해뒀습니다.
    http://valley.egloos.com/center/widget/4966

    그리고 요샌 저런거 없이 html 태그로도 가능은 합니다.
    <details>
    <summary>펼치기/접기</summary>
    내용
    </details>
    이런식으로. 이건 모바일에서도 통합니다.
    제가 이 위젯 만들 당시엔 이 태그 존재를 몰랐기도 했고,
    몇가지 태그로는 불편한 것도 몇개 있었고 그랬네요.
  • Diner 2020/09/19 06:22 #

    덕분에 잘 되는군요. 감사드립니다.
댓글 입력 영역


펼치기&amp;접기 지원