편집 요약 없음 태그: 되돌려진 기여 |
편집 요약 없음 태그: 수동 되돌리기 |
||
| 10번째 줄: | 10번째 줄: | ||
var rowsToToggle = parseInt($this.data('rows')) || 1; | var rowsToToggle = parseInt($this.data('rows')) || 1; | ||
var isCollapsed = $this.data('collapsed') === true; | var isCollapsed = $this.data('collapsed') === true; | ||
var $ | var $row = $this.closest('tr'); | ||
// 사용자 정의 텍스트 확인 | // 사용자 정의 텍스트 확인 | ||
var expandText = $this.data('expand-text') || '펼치기'; | var expandText = $this.data('expand-text') || '펼치기'; | ||
var collapseText = $this.data('collapse-text') || expandText; | var collapseText = $this.data('collapse-text') || expandText; // 접기 텍스트가 없을 경우 펼치기 텍스트와 동일하게 | ||
for ( | // 지정된 행 수만큼 다음 행을 즉시 표시/숨김 | ||
for (var i = 0; i < rowsToToggle; i++) { | |||
$row = $row.next(); | |||
if ($row.length) { // 다음 행이 존재하는지 확인 | |||
$row.toggle(); // 슬라이드 애니메이션 없이 토글 | |||
} | |||
} | |||
} | } | ||
// 상태 토글 | // 상태 토글 | ||
$this.data('collapsed', !isCollapsed); | $this.data('collapsed', !isCollapsed); | ||
$this.text( | $this.text($this.data('collapsed') ? expandText : collapseText); | ||
}); | }); | ||
| 50번째 줄: | 37번째 줄: | ||
// 사용자 정의 텍스트 확인 | // 사용자 정의 텍스트 확인 | ||
var expandText = $this.data('expand-text') || '펼치기'; | var expandText = $this.data('expand-text') || '펼치기'; | ||
var collapseText = $this.data('collapse-text') || expandText; | var collapseText = $this.data('collapse-text') || expandText; // 접기 텍스트가 없을 경우 펼치기 텍스트와 동일하게 | ||
if (isCollapsed) { | if (isCollapsed) { | ||
var $ | var $row = $this.closest('tr'); | ||
for ( | for (var i = 0; i < rowsToToggle; i++) { | ||
$ | $row = $row.next(); | ||
if ($ | if ($row.length) { // 다음 행이 존재하는지 확인 | ||
$ | $row.hide(); // 페이지 로드 시 슬라이드 애니메이션 없이 즉시 숨김 | ||
} | } | ||
} | } | ||
| 69번째 줄: | 52번째 줄: | ||
} | } | ||
}); | }); | ||
// <nolinkstyle> 태그를 .nolinkstyle 클래스로 변환 | // <nolinkstyle> 태그를 .nolinkstyle 클래스로 변환 | ||
| 78번째 줄: | 59번째 줄: | ||
$this.replaceWith('<span class="nolinkstyle">' + content + '</span>'); | $this.replaceWith('<span class="nolinkstyle">' + content + '</span>'); | ||
}); | }); | ||
}); | |||
2024년 11월 28일 (목) 20:08 판
$(document).ready(function() {
// 기존의 .custom-toggle 클릭 이벤트 핸들러
$('.custom-toggle').click(function() {
$(this).next('.custom-content').slideToggle();
});
// .toggle-collapse 클릭 이벤트 핸들러
$('.toggle-collapse').click(function() {
var $this = $(this);
var rowsToToggle = parseInt($this.data('rows')) || 1;
var isCollapsed = $this.data('collapsed') === true;
var $row = $this.closest('tr');
// 사용자 정의 텍스트 확인
var expandText = $this.data('expand-text') || '펼치기';
var collapseText = $this.data('collapse-text') || expandText; // 접기 텍스트가 없을 경우 펼치기 텍스트와 동일하게
// 지정된 행 수만큼 다음 행을 즉시 표시/숨김
for (var i = 0; i < rowsToToggle; i++) {
$row = $row.next();
if ($row.length) { // 다음 행이 존재하는지 확인
$row.toggle(); // 슬라이드 애니메이션 없이 토글
}
}
// 상태 토글
$this.data('collapsed', !isCollapsed);
$this.text($this.data('collapsed') ? expandText : collapseText);
});
// 페이지 로드 시 기본 상태 설정
$('.toggle-collapse').each(function() {
var $this = $(this);
var rowsToToggle = parseInt($this.data('rows')) || 1;
var isCollapsed = $this.data('collapsed') === true;
// 사용자 정의 텍스트 확인
var expandText = $this.data('expand-text') || '펼치기';
var collapseText = $this.data('collapse-text') || expandText; // 접기 텍스트가 없을 경우 펼치기 텍스트와 동일하게
if (isCollapsed) {
var $row = $this.closest('tr');
for (var i = 0; i < rowsToToggle; i++) {
$row = $row.next();
if ($row.length) { // 다음 행이 존재하는지 확인
$row.hide(); // 페이지 로드 시 슬라이드 애니메이션 없이 즉시 숨김
}
}
$this.text(expandText);
} else {
$this.text(collapseText);
}
});
// <nolinkstyle> 태그를 .nolinkstyle 클래스로 변환
$('nolinkstyle').each(function() {
var $this = $(this);
var content = $this.html();
$this.replaceWith('<span class="nolinkstyle">' + content + '</span>');
});
});