참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

  • 파이어폭스 / 사파리: 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>');
    });