미디어위키:Common.js - 편집 역사

2024년 11월 29일 (금) 23:47에 Cat님의 편집

2024-11-29T23:47:36Z

@@ 14번째 줄: / 14번째 줄: @@
          } else {
              $this.next('.custom-content').show();
+         }
      });

2024년 11월 29일 (금) 23:45에 Cat님의 편집

2024-11-29T23:45:24Z

@@ 15번째 줄: / 15번째 줄: @@
              $this.next('.custom-content').show();
+         }
      });

2024년 11월 29일 (금) 23:41에 Cat님의 편집

2024-11-29T23:41:58Z

← 이전 판		2024년 11월 29일 (금) 23:41 판
2번째 줄:		2번째 줄:
	// .custom-toggle 클릭 이벤트 핸들러		// .custom-toggle 클릭 이벤트 핸들러
	$('.custom-toggle').click(function() {		$('.custom-toggle').click(function() {
	~~var $this =~~ $(this);		$(this).next('.custom-content').slideToggle();
	~~var $content = $this~~.next('.custom-content');

	~~// 슬라이드 토글 상태에 따라 data-collapsed 값 업데이트~~
	~~if ($content.is(':visible')) {~~
	~~$content.slideUp();~~
	~~$this.data('collapsed', 'true');~~
	~~} else {~~
	~~$content~~.~~slideDown~~();
	~~$this.data('collapsed', 'false');~~
	}
	});		});

18번째 줄:		8번째 줄:
	$('.custom-toggle').each(function() {		$('.custom-toggle').each(function() {
	var $this = $(this);		var $this = $(this);
	var isCollapsed = $this.data('collapsed') === 'true';		var isCollapsed = $this.data('collapsed') === true;

	if (isCollapsed) {		if (isCollapsed) {
26번째 줄:		16번째 줄:
	}		}
	});		});
	~~});~~


	// .toggle-collapse 클릭 이벤트 핸들러		// .toggle-collapse 클릭 이벤트 핸들러

2024년 11월 29일 (금) 23:40에 Cat님의 편집

2024-11-29T23:40:38Z

← 이전 판		2024년 11월 29일 (금) 23:40 판
26번째 줄:		26번째 줄:
	}		}
	});		});
			});


	// .toggle-collapse 클릭 이벤트 핸들러		// .toggle-collapse 클릭 이벤트 핸들러

2024년 11월 29일 (금) 23:39에 Cat님의 편집

2024-11-29T23:39:28Z

← 이전 판		2024년 11월 29일 (금) 23:39 판
26번째 줄:		26번째 줄:
	}		}
	});		});
	~~});~~


	// .toggle-collapse 클릭 이벤트 핸들러		// .toggle-collapse 클릭 이벤트 핸들러

2024년 11월 29일 (금) 23:39에 Cat님의 편집

2024-11-29T23:39:20Z

← 이전 판		2024년 11월 29일 (금) 23:39 판
2번째 줄:		2번째 줄:
	// .custom-toggle 클릭 이벤트 핸들러		// .custom-toggle 클릭 이벤트 핸들러
	$('.custom-toggle').click(function() {		$('.custom-toggle').click(function() {
	$(this).next('.custom-content').~~slideToggle~~();		var $this = $(this);
			var $content = $this.next('.custom-content');

			// 슬라이드 토글 상태에 따라 data-collapsed 값 업데이트
			if ($content.is(':visible')) {
			$content.slideUp();
			$this.data('collapsed', 'true');
			} else {
			$content.slideDown();
			$this.data('collapsed', 'false');
			}
	});		});

8번째 줄:		18번째 줄:
	$('.custom-toggle').each(function() {		$('.custom-toggle').each(function() {
	var $this = $(this);		var $this = $(this);
	var isCollapsed = $this.data('collapsed') === true;		var isCollapsed = $this.data('collapsed') === 'true';

	if (isCollapsed) {		if (isCollapsed) {
16번째 줄:		26번째 줄:
	}		}
	});		});
			});


	// .toggle-collapse 클릭 이벤트 핸들러		// .toggle-collapse 클릭 이벤트 핸들러

2024년 11월 29일 (금) 23:25에 Cat님의 편집

2024-11-29T23:25:47Z

← 이전 판		2024년 11월 29일 (금) 23:25 판
1번째 줄:		1번째 줄:
	$(document).ready(function() {		$(document).ready(function() {
	// ~~모든 접기 틀은 기본적으로 접혀 있도록 설정~~		// .custom-toggle 클릭 이벤트 핸들러
	$('.custom-toggle').~~each~~(function() {		$('.custom-toggle').click(function() {
	$(this).next('.custom-content').~~hide~~();		$(this).next('.custom-content').slideToggle();
	});		});

	~~// '유형'에 맞는 접기 틀만 펼쳐지도록~~		// 페이지 로드 시 기본 상태 설정
	~~var pageType = mw.config.get('wgPageName');~~ // 페이지 ~~이름을 통해 유형을 파악~~

	~~// 접기 틀마다 '유형'에 맞춰 펼칠지 접을지~~ 설정
	$('.custom-toggle').each(function() {		$('.custom-toggle').each(function() {
	var $this = $(this);		var $this = $(this);
	var ~~type~~ = $this.data('~~type~~'); ~~// 유형 값을 가져옵니다.~~		var isCollapsed = $this.data('collapsed') === true;

	if (~~type === pageType~~) {		if (isCollapsed) {
	// '유형'~~이 현재 페이지 이름과 같으면 펼쳐짐~~		$this.next('.custom-content').hide();
			} else {
	$this.next('.custom-content').show();		$this.next('.custom-content').show();
	}		}
	~~});~~

	~~// 접기 토글 이벤트 처리~~
	~~$('.custom-toggle').click(function() {~~
	~~$(this).next('.custom-content').slideToggle();~~
	});		});

2024년 11월 29일 (금) 23:24에 Cat님의 편집

2024-11-29T23:24:51Z

← 이전 판		2024년 11월 29일 (금) 23:24 판
1번째 줄:		1번째 줄:
	$(document).ready(function() {		$(document).ready(function() {
	// ~~.custom-toggle 클릭 이벤트 핸들러~~		// 모든 접기 틀은 기본적으로 접혀 있도록 설정
	$('.custom-toggle').~~click~~(function() {		$('.custom-toggle').each(function() {
	$(this).next('.custom-content').~~slideToggle~~();		$(this).next('.custom-content').hide();
	});		});

	// 페이지 ~~로드 시 기본 상태~~ 설정		// '유형'에 맞는 접기 틀만 펼쳐지도록
			var pageType = mw.config.get('wgPageName'); // 페이지 이름을 통해 유형을 파악

			// 접기 틀마다 '유형'에 맞춰 펼칠지 접을지 설정
	$('.custom-toggle').each(function() {		$('.custom-toggle').each(function() {
	var $this = $(this);		var $this = $(this);
	var ~~isCollapsed~~ = $this.data('~~collapsed~~') ~~=== true~~;		var type = $this.data('type'); // 유형 값을 가져옵니다.

	if (~~isCollapsed~~) {		if (type === pageType) {
	~~$this.next(~~'~~.custom-content~~'~~).hide();~~		// '유형'이 현재 페이지 이름과 같으면 펼쳐짐
	~~} else {~~
	$this.next('.custom-content').show();		$this.next('.custom-content').show();
	}		}
			});

			// 접기 토글 이벤트 처리
			$('.custom-toggle').click(function() {
			$(this).next('.custom-content').slideToggle();
	});		});

2024년 11월 29일 (금) 23:19에 Cat님의 편집

2024-11-29T23:19:09Z

← 이전 판		2024년 11월 29일 (금) 23:19 판
1번째 줄:		1번째 줄:
	$(document).ready(function() {		$(document).ready(function() {
	// ~~페이지에서 전달된~~ '유형' ~~값을 가져옵니다~~.		// .custom-toggle 클릭 이벤트 핸들러
	~~var pageType = mw~~.~~config.get~~('~~wgPageName~~').~~toLowerCase~~(); ~~// 페이지 이름 또는 문서에서 유형 값을 추출~~		$('.custom-toggle').click(function() {
			$(this).next('.custom-content').slideToggle();
			});

	// ~~각 '접기' 틀을 처리하는 로직~~		// 페이지 로드 시 기본 상태 설정
	$('.custom-toggle').each(function() {		$('.custom-toggle').each(function() {
	var $this = $(this);		var $this = $(this);
	~~var type = $this.data('type'); // 접기 틀에서 설정된 '유형'~~
	var isCollapsed = $this.data('collapsed') === true;		var isCollapsed = $this.data('collapsed') === true;

	~~// 기본적으로 접힌 상태로 시작~~
	if (isCollapsed) {		if (isCollapsed) {
	$this.next('.custom-content').hide(); ~~// 접힌 상태~~		$this.next('.custom-content').hide();
	} else {		} else {
	$this.next('.custom-content').show(); ~~// 펼쳐진 상태~~		$this.next('.custom-content').show();
	}

	~~// '유형'이 현재 페이지의 '유형'과 일치하면 펼치기~~
	~~if (type && pageType.indexOf(type.toLowerCase()) !== -1) {~~
	~~$this.next('.custom-content').show(); // 해당 유형만 펼침~~
	}		}
	});		});

2024년 11월 29일 (금) 23:17에 Cat님의 편집

2024-11-29T23:17:12Z

← 이전 판		2024년 11월 29일 (금) 23:17 판
1번째 줄:		1번째 줄:
	$(document).ready(function() {		$(document).ready(function() {
	// .~~custom-toggle 클릭 이벤트 핸들러~~		// 페이지에서 전달된 '유형' 값을 가져옵니다.
	~~$('~~.~~custom-toggle').click(function() {~~		var pageType = mw.config.get('wgPageName').toLowerCase(); // 페이지 이름 또는 문서에서 유형 값을 추출
	~~$(this)~~.~~next~~('~~.custom-content~~').~~slideToggle~~();
	~~});~~

	// ~~페이지 로드 시 기본 상태 설정~~		// 각 '접기' 틀을 처리하는 로직
	$('.custom-toggle').each(function() {		$('.custom-toggle').each(function() {
	var $this = $(this);		var $this = $(this);
	// ~~기본값은 true (접힘 상태)~~		var type = $this.data('type'); // 접기 틀에서 설정된 '유형'
	var isCollapsed = $this.data('collapsed') === ~~false~~;		var isCollapsed = $this.data('collapsed') === true;

	// ~~data-collapsed 값에 따라 펼쳐지거나 접힘~~ 상태로 시작		// 기본적으로 접힌 상태로 시작
	if (isCollapsed) {		if (isCollapsed) {
	$this.next('.custom-content').~~show~~(); // ~~펼쳐진 상태로 시작~~		$this.next('.custom-content').hide(); // 접힌 상태
	} else {		} else {
	$this.next('.custom-content').~~hide~~(); // ~~접힌 상태로 시작~~		$this.next('.custom-content').show(); // 펼쳐진 상태
			}

			// '유형'이 현재 페이지의 '유형'과 일치하면 펼치기
			if (type && pageType.indexOf(type.toLowerCase()) !== -1) {
			$this.next('.custom-content').show(); // 해당 유형만 펼침
	}		}
	});		});