편집 요약 없음 태그: 되돌려진 기여 |
편집 요약 없음 태그: 되돌려진 기여 |
||
| 10번째 줄: | 10번째 줄: | ||
var collapseText = $this.data('collapse-text') || '접기'; | var collapseText = $this.data('collapse-text') || '접기'; | ||
for (var i = 0; i < rowsToToggle; i++) { | for (var i = 0; i < rowsToToggle; i++) { | ||
$row = $row.next(); | $row = $row.next(); | ||
if ($row.length) { | if ($row.length) { | ||
var $ | var $container = $row.find('.collapsible-container'); | ||
if (!isCollapsed) { | if (!isCollapsed) { | ||
// 펼치기: | // 펼치기: 높이를 자동으로 설정 | ||
$ | $container.addClass('expanded'); | ||
} else { | } else { | ||
// 접기: | // 접기: 높이를 0으로 설정 | ||
$ | $container.removeClass('expanded'); | ||
} | } | ||
} | } | ||
| 46번째 줄: | 40번째 줄: | ||
$row = $row.next(); | $row = $row.next(); | ||
if ($row.length) { | if ($row.length) { | ||
$row. | var $container = $row.find('.collapsible-container'); | ||
$container.removeClass('expanded'); | |||
} | } | ||
} | } | ||
2024년 11월 29일 (금) 14:29 판
$(document).ready(function() {
$('.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') || '접기';
for (var i = 0; i < rowsToToggle; i++) {
$row = $row.next();
if ($row.length) {
var $container = $row.find('.collapsible-container');
if (!isCollapsed) {
// 펼치기: 높이를 자동으로 설정
$container.addClass('expanded');
} else {
// 접기: 높이를 0으로 설정
$container.removeClass('expanded');
}
}
}
// 상태 토글 및 버튼 텍스트 변경
$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;
if (isCollapsed) {
var $row = $this.closest('tr');
for (var i = 0; i < rowsToToggle; i++) {
$row = $row.next();
if ($row.length) {
var $container = $row.find('.collapsible-container');
$container.removeClass('expanded');
}
}
}
});
// <nolinkstyle> 태그를 .nolinkstyle 클래스로 변환
$('nolinkstyle').each(function() {
var $this = $(this);
var content = $this.html();
$this.replaceWith('<span class="nolinkstyle">' + content + '</span>');
});
});