참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
$(document).ready(function () {
// 기존의 .custom-toggle 클릭 이벤트 핸들러
$('.custom-toggle').click(function () {
$(this).next('.custom-content').stop().slideToggle(300);
});
// .toggle-collapse 클릭 이벤트 핸들러 (표 행 전환)
$('.toggle-collapse').click(function () {
var $this = $(this);
var $rowContent = $this.closest('tr').next().find('.table-row-content');
var isCollapsed = $this.data('collapsed') === true;
// 애니메이션으로 열고 닫기
if (isCollapsed) {
$rowContent.removeClass('open').css('height', '0');
} else {
$rowContent.addClass('open').css('height', $rowContent.prop('scrollHeight') + 'px');
}
// 상태 변경 및 텍스트 업데이트
$this.data('collapsed', !isCollapsed);
$this.text(isCollapsed ? '펼치기' : '접기');
});
// 페이지 로드 시 초기 상태 설정
$('.toggle-collapse').each(function () {
var $this = $(this);
var $rowContent = $this.closest('tr').next().find('.table-row-content');
var isCollapsed = $this.data('collapsed') === true;
if (isCollapsed) {
$rowContent.removeClass('open').css('height', '0');
$this.text('펼치기');
} else {
$rowContent.addClass('open').css('height', $rowContent.prop('scrollHeight') + 'px');
$this.text('접기');
}
});
});
// <nolinkstyle> 태그를 .nolinkstyle 클래스로 변환
$('nolinkstyle').each(function() {
var $this = $(this);
var content = $this.html();
$this.replaceWith('<span class="nolinkstyle">' + content + '</span>');
});