refs #1552, #1535

 * 자바스크립트를 도입한 메뉴 인터랙션 테스트.

skin/admin/frame/basic.css

@@ -78,11 +78,12 @@ fieldset {background:url("./image/bg_dt.png") repeat-y; border-bottom : 1px soli
 #layout-footer .copyright { padding:5px;}
 
 /* Menu transition */
+/*
 #main-menu li:hover a.menu-name span { background:url(./image/bg_menu_selected_onclick.png) left top no-repeat; }
 #main-menu li:hover:not([class="selected"]) ul,
 #main-menu li a:hover:not([class="selected"]) table {
 	display : block !important;
-	opacity:1.0;
+	opacity:1.0;*/
 /*	position : absolute;
 	left : 50px;
 	background:url(./image/bg02.png) top left repeat-y #fff;
@@ -93,7 +94,7 @@ fieldset {background:url("./image/bg_dt.png") repeat-y; border-bottom : 1px soli
 	-moz-box-shadow  : 3px 3px 3px #888;
 	-webkit-box-shadow : 3px 3px 3px #888;
 	opacity:1.0; */
-}
+/*}*/
 
 /**** Common ingredient (imported from canon skin) */
 #fade { /*--Transparent background layer--*/

skin/admin/frame/custom.js

@@ -0,0 +1,45 @@
+/// Copyright (c) 2006-2011. Needlworks
+/// All rights reserved. Licensed under the GPL.
+/// See the GNU General Public License for more details. (/documents/LICENSE, /documents/COPYRIGHT)
+
+//<![CDATA[
+jQuery(function($){
+	// Side Menu
+	var sMenu = $('#main-menu');
+	var sItem = sMenu.find('>li');
+	var ssItem = sMenu.find('>li>ul>li');
+	var lastEvent = null;
+
+	function sMenuToggle(event){
+		var t = $(this);
+
+		if (this == lastEvent) return false;
+		lastEvent = this;
+		setTimeout(function(){ lastEvent=null }, 200);
+
+		if (t.next('ul').is(':hidden')) {
+			sItem.find('>ul').slideUp(100);
+			t.next('ul').slideDown(100);
+		} else if(!t.next('ul').length) {
+			sItem.find('>ul').slideUp(100);
+		} else {
+			t.next('ul').slideUp(100);
+		}
+
+		if (t.parent('li').hasClass('selected')){
+			t.parent('li').removeClass('selected');
+		} else {
+			sItem.removeClass('selected');
+			t.parent('li').addClass('selected');
+		}
+	}
+	sItem.find('>a').click(sMenuToggle).focus(sMenuToggle);
+	sItem.find('>a').attr ('href', '#');
+
+	function subMenuActive(){
+		ssItem.removeClass('selected');
+		$(this).parent(ssItem).addClass('selected');
+	}; 
+	ssItem.find('>a').click(subMenuActive).focus(subMenuActive);
+});
+//]]>