토끼(마나,뉴,북) 댓글창 ON OFF 설정 버튼 추가
// ==UserScript==
// @name Toggle Comments for Toki
// @namespace http://tampermonkey.net/
// @version 1.0
// @description 토끼(마나,뉴,북) 댓글창 ON OFF 설정 버튼 추가
// @match *://*/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
const url = window.location.hostname;
const filePath = window.location.pathname;
if ((url.includes("newtoki")) || (url.includes("manatoki")) || (url.includes("booktoki"))) {
// toon-nav 요소 찾기
const toonNav = document.querySelector(".toon-nav");
if (toonNav) {
// 댓글창 보이기/숨기기 버튼 생성
const toggleCommentBtn = document.createElement("a");
toggleCommentBtn.href = "#";
toggleCommentBtn.id = "toggleCommentBtn";
toggleCommentBtn.style.marginLeft = "10px"; // 간격 조정
// #viewcomment 요소 가져오기
const commentSection = document.getElementById("viewcomment");
// localStorage에서 저장된 상태 불러오기
const commentVisibility = localStorage.getItem("commentVisibility") || "show";
if (commentSection) {
if (commentVisibility === "hide") {
commentSection.style.display = "none";
toggleCommentBtn.textContent = "댓글창 보기";
} else {
commentSection.style.display = "block";
toggleCommentBtn.textContent = "댓글창 숨기기";
}
}
// 버튼을 toon-nav 요소에 추가
toonNav.appendChild(toggleCommentBtn);
// 댓글창 토글 기능 추가
toggleCommentBtn.addEventListener("click", function(event) {
event.preventDefault(); // 링크 기본 동작 방지
if (commentSection) {
// 보임 상태 토글
if (commentSection.style.display === "none" || getComputedStyle(commentSection).display === "none") {
commentSection.style.display = "block";
toggleCommentBtn.textContent = "댓글창 숨기기"; // 버튼 텍스트 변경
localStorage.setItem("commentVisibility", "show"); // 상태 저장
} else {
commentSection.style.display = "none";
toggleCommentBtn.textContent = "댓글창 보기"; // 버튼 텍스트 변경
localStorage.setItem("commentVisibility", "hide"); // 상태 저장
}
}
});
}
}
})();