:펼치기 접기

(틀:펼접에서 넘어옴)
분류:
틀:펼치기 접기
사용문서
새로고침
넘겨주기
이동하기
[ 주요 업데이트 노트 ]
2023.05.25 PC와 모바일에서 margin 값 따로 지정


 틀의 원리에 대한 내용은 도움말:위키 문법 문서의 표에서 응용하기 문단을 참고하십시오.  한 줄에 여러 개의 접기를 넣는 틀에 대한 내용은 틀:펼치기 접기/multi 문서를 참고하십시오.  관련 문서: 틀:나무위키 틀 접기, 틀:나무위키 접기2

틀의 margin과 padding 값은 가능한 수정하지 말아 주세요. 현재 값은 브라우저의 F12 개발자 도구로 위키에 적용된 정확한 값을 수정한 것입니다.

틀 본문

설명

사용자:Kimchan을 바탕으로 나무위키처럼 애니메이션 효과가 추가된 틀입니다. 아래의 설명 역시 부분만 변형했습니다.

이 틀을 이용하면 마지막에 틀:펼치기 접기 끝을 넣어서 틀을 끝내줘야합니다.

환경설정편집 부분의 "페이지를 다시 불러오지 않고 미리 보기 표시"를 활성화할 경우 편집 미리보기에서 접기가 작동하지 않습니다.

변수

모든 변수는 선택입니다.
id 접기의 클래스와 아이디입니다. 입력하지 않으면 jwiki-1라는 아이디가 기본으로 입력되나, 반드시 입력할 것을 권장합니다.
title 접기의 제목입니다. 입력하지 않으면 [ 펼치기 · 접기 ]가 기본으로 입력됩니다.
titlecolor 접기 제목의 글씨 색입니다. 기본값은 제이위키 기본 글자 색과 같은 #373a3c입니다. 이 틀이 들어가는 행의 배경 색에 따라, 또는 단지 꾸미고 싶을 때 다른 색으로 입력할 수 있습니다.
divstyle 접기 제목이 들어가는 div의 style 태그에 추가로 넣을 코드를 입력할 수 있습니다.
class 안쪽 테이블의 class를 지정할 수 있습니다.
style 안쪽 테이블의 style 태그에 추가로 넣을 코드를 입력할 수 있습니다.
tag 안쪽 테이블에 class나 style 외에 다른 태그를 추가로 입력할 수 있습니다.
width 간혹 표 내의 크기 지정이 안되면 이용할 수 있습니다. 보통 문제가 생길시 auto만 입력해도 됩니다.
align 제목의 위치를 조절합니다. left, center, right 등을 입력할 수 있습니다. 기본값은 center.

사용 예제

문법
[ 문법 펼치기 · 접기 ]
{|class="wikitable" style="text-align: center;"
|-
|틀 사용
|-
|{{펼접|id=example-one}}
|-
|내용내용내용내용내용내용내용내용
|-
|내용내용내용내용내용내용내용내용
{{펼접끝}}
|}
결과
틀 미사용
[ 펼치기 · 접기 ]
내용내용내용내용내용내용내용내용
내용내용내용내용내용내용내용내용
 
틀 사용
[ 펼치기 · 접기 ]
내용내용내용내용내용내용내용내용
내용내용내용내용내용내용내용내용

한 줄에 여러 개의 접기

새로운 변수들을 사용합니다.

multi 본격적으로 여러 개의 접기를 선언하는 변수입니다. 아무 값이나 입력해도 되지만, 가장 마지막에 오는 펼접 틀에서는 bottom으로 입력합니다. 모든 펼접 틀에 전부 입력해야 합니다.
multiwidth 각 접기의 너비를 정합니다. 마찬가지로 모든 펼접 틀에 전부 입력해야 합니다. 입력하지 않아도 되지만, 이 경우 각 제목 사이가 딱 붙어 버리므로 각 제목 양옆에 ㄱ+한자+1에 있는 공백 문자로 너비를 벌릴 것을 권장합니다.

단순히 하나의 펼접 틀이 끝나는 곳, 즉 {{펼접끝}}이 오는 뒤에 새로운 펼접 틀을 이어서 작성하면 됩니다.

틀:펼치기 접기/multi와의 차이

멀티 펼접 틀은 접기를 전부 펼치면 접기 제목은 여전히 그 줄에 전부 있고 테이블은 그 아래에 전부 있지만, 위 방법은 접기를 전부 펼치면 접기 제목이 해당하는 테이블의 윗줄에 놓이게 됩니다.

문법 결과
멀티 틀
[ 문법 펼치기 · 접기 ]
{|class="wikitable" style="margin: 12px auto; text-align: center;"
|-
|틀 사용
|-
|{{펼접/mt
|id1=1|title1=[ 1의 제목 ]
|id2=2|title2=[ 2의 제목 ]
}}
{{펼접/mc|id=1}}
|-
|1의 내용
{{펼접끝}}
{{펼접/mc|id=2}}
|-
|2의 내용
{{펼접끝}}
|}
틀 사용
 [ 1의 제목 ] 
 [ 2의 제목 ] 
1의 내용
2의 내용
멀티 변수
[ 문법 펼치기 · 접기 ]
{|class="wikitable" style="margin: 12px auto; text-align: center;"
|-
|변수 사용
|-
|{{펼접|id=3|title= [ 1의 제목 ] |multi=on}}
|-
|1의 내용
{{펼접끝}}
{{펼접|id=4|title= [ 2의 제목 ] |multi=bottom}}
|-
|2의 내용
{{펼접끝}}
|}
변수 사용
 [ 1의 제목 ] 
1의 내용
 [ 2의 제목 ] 
2의 내용

기타

둘러보기

+
나무위키 형식 틀 모음
[ 펼치기 · 접기 ]
+
김찬이 제작한 182개의 틀
[ A~Z & etc. ]
etc.
틀:,, 틀:-- 틀:--2 틀:^^
틀:?div
A~M
틀:bg 틀:BMI 틀:center 틀:cursor
틀:DDAY 틀:div 틀:ffms 틀:full block
틀:jp 틀:leet 틀:librecat 틀:list margin remove
틀:MBTI
N~Z
틀:namucat 틀:namulist 틀:namutoc 틀:nowiki
틀:nowiki2 틀:ol 틀:onbold 틀:PC 열람 권장
틀:pf-c 틀:pre 틀:rotate 틀:span
틀:style 틀:syntaxhighlight 틀:title 틀:tp
틀:tt 틀:u 틀:widen 틀:wingdings
[ ㄱ~ㅅ ]
틀:가로세로비 틀:가로줄 틀:가입일 유저박스 틀:가짜 링크
틀:가짜 문단 틀:갤러리 (김찬) 틀:공백 틀:관련 문서 틀 제목
틀:광과민성 주의 틀:군대 유저박스
(상세)
틀:굵게 틀:그라데이션 글씨
틀:글리치 틀:글배경 틀:글씨 테두리
틀:나무링크 틀:나무마크 틀 틀:나무위키 둘러보기 틀:나무위키 접기
틀:나무위키 접기2
(제목 / 내용)
틀:나무위키 테이블 틀:나무위키 텍스트 크기 틀:나무위키 틀 접기
(애니메이션)
틀:나무위키 틀 접기 끝 틀:나무위키식 문서 상태 틀 틀:너비맞춤 틀:넘겨주기
틀:넘겨주기 안내 틀:네온 글씨
틀:다크모드 틀:댓글 금지 틀:둥근 이미지 틀:등급 유저박스
틀:루비 문자
틀:막대 그래프 틀:말풍선 틀:말풍선 각주
(버튼 / 내용 / 시작 / )
틀:메타 분류
틀:메타 틀 틀:모바일 테이블
(/tag)
틀:모바일 테이블 끝
(/tag)
틀:목차제거
틀:문단접기 틀:문단접기2 틀:문서 가져옴 틀:문서 보충
틀:미공개 틀:미디어위키 접기 V2 틀:밑줄 없는 링크
틀:반전 틀:반전2 틀:배경색 명도 조절 틀:별점
틀:복사방지 틀:부계정 유저박스 틀:분류 바로가기 틀:분류앵커
틀:불법2 틀:블러2 틀:블러3 틀:블러4
틀:블링크 틀:비공식 설정 틀:빈 이미지
틀:사건사고 틀:산문적 문서 틀:상징색 틀:색상 수평줄
틀:성적 요소 틀:세계관 무관 틀:세계관 별점 틀:소설
(시작 / / 버튼 / 클립보드)
틀:소속단체 유저박스 틀:수평줄 꾸미기 틀:순차형3 틀:스포일러 강조
틀:실루엣 틀:씹덕주의
[ ㅇ~ㅎ ]
※ 더 이상 사용하지 않거나 사용할 필요가 없는 경우 취소선 처리
※ 일부 극히 단순한 틀은 본 틀 목록에 미포함
이 문서의 내용 중 전체 또는 일부는 틀:펼치기 접기/설명문서 문서의 392539판에서 가져왔습니다. 문서 역사 보러가기