모바일 상단 메뉴 검색 레이어 관련 스크립트 수정

mobile/head.php

@@ -115,14 +115,28 @@ include_once(G5_LIB_PATH.'/popular.lib.php');
         </div>
 
         <script>
-        $(function (){
+        $(function () {
-            var $hd_div = $(".hd_div");
+            $(".hd_opener").on("click", function() {
-            $(".hd_opener").click(function(){
+                var $this = $(this);
-                $hd_div.hide();
+                var $hd_layer = $this.next(".hd_div");
-                $(this).next(".hd_div").show();
+
+                if($hd_layer.is(":visible")) {
+                    $hd_layer.hide();
+                    $this.find("span").text("열기");
+                } else {
+                    var $hd_layer2 = $(".hd_div:visible");
+                    $hd_layer2.prev(".hd_opener").find("span").text("열기");
+                    $hd_layer2.hide();
+
+                    $hd_layer.show();
+                    $this.find("span").text("닫기");
+                }
             });
-            $(".hd_closer").click(function(){
+
-                $hd_div.hide();
+            $(".hd_closer").on("click", function() {
+                var idx = $(".hd_closer").index($(this));
+                $(".hd_div:visible").hide();
+                $(".hd_opener:eq("+idx+")").find("span").text("열기");
             });
         });
         </script>