FAQ 에러, 팝업공지 이미지 미노출, 풋터 패밀리사이트 토글 기능 개선

egbim/js/common.js

@@ -1200,27 +1200,42 @@ $(function () {
   $(".menu_my").mouseout(function () {
     $(".menu_my_list").hide();
   });
-
-  //footer family site toggle
-  $(".family_btn").click(function (event) {
-    event.stopPropagation(); // family_btn 클릭 시 이벤트 전파를 막음
-    $(".family_list").toggleClass("family_on");
-    $(".family_btn").toggleClass("family_on");
-  });
-
-  // 화면 아무 곳이나 클릭했을 때 family_list를 제외한 영역 클릭 시 리스트 닫기
-  $(document).click(function (event) {
-    if (
-      !$(event.target).closest(".family_list").length &&
-      !$(event.target).closest(".family_btn").length
-    ) {
-      // family_list와 family_btn 외의 영역을 클릭한 경우
-      $(".family_list").removeClass("family_on");
-      $(".family_btn").removeClass("family_on");
-    }
-  });
 });
 
+if (!window.__egbimFamilySiteToggleBound) {
+  window.__egbimFamilySiteToggleBound = true;
+
+  document.addEventListener(
+    "click",
+    function (event) {
+      const familyButton = event.target.closest(".family_btn");
+
+      if (familyButton) {
+        event.preventDefault();
+        event.stopPropagation();
+        event.stopImmediatePropagation();
+
+        const shouldOpen = !familyButton.classList.contains("family_on");
+        document
+          .querySelectorAll(".family_btn, .family_list")
+          .forEach((element) => {
+            element.classList.toggle("family_on", shouldOpen);
+          });
+        return;
+      }
+
+      if (!event.target.closest(".family_wrap")) {
+        document
+          .querySelectorAll(".family_btn, .family_list")
+          .forEach((element) => {
+            element.classList.remove("family_on");
+          });
+      }
+    },
+    true
+  );
+}
+
 // 마우스 스크롤 마크 표시하기
 // 사용 클래스 : js__mouse_mark ,  js__mouse_area
 // + TODO 진슬 추가_ addEventListener error debugging