리스트 접기/펼치기 기능 추가

@@ -4,11 +4,6 @@
 	<style>
 		.menu a{cursor:pointer;}
 		.menu .hide{display:none;}
-		body{
-			background-color: black;
-			backgound-repeat: no-repeat;
-			backgound-size: cover;
-		}
 	</style>
 	<meta charset="utf-8">
     <link href="//netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" media="screen">
@@ -25,12 +20,7 @@
 	<script>
     $(document).ready(function(){
         $(".menu>a").click(function(){
-            var submenu = $(this).next("ul");
-            if( submenu.is(":visible") ){
-                submenu.slideUp();
-            }else{
-                submenu.slideDown();
-            }
+            $(this).next("ul").toggleClass("hide");
         });
     });
 	</script>
@@ -116,30 +106,40 @@
 		            </select>
 							</div>
 					</div>
-					<div>
-						<ul>
-							<li class="menu1">
-								<a>img src="" alt="메뉴이미지1"/></a>
-								<ul class="hide">
-									<li>리스트1-1</li>
-									<li>리스트1-2></li>
-									<li>리스트1-3></li>
-								</ul>
-							</li>
-							<li class="menu2">
-								<a>img src="" alt="메뉴이미지2"/></a>
-								<ul class="hide">
-									<li>리스트2-1</li>
-									<li>리스트2-2></li>
-									<li>리스트2-3></li>
-								</ul>
-							</li>
-						</ul>
-					</div>
 
 <a class="btn btn-primary" href="/build/create/">빌드</a>
 <br>
 <br>
+<div>
+	<ul>
+		<li class="menu">
+			<a><img src="" alt="상위메뉴이미지1"/></a>
+			<ul class="hide">
+				<li>메뉴1-1</li>
+				<li>메뉴1-2</li>
+				<li>메뉴1-3</li>
+				<li>메뉴1-4</li>
+				<li>메뉴1-5</li>
+				<li>메뉴1-6</li>
+			</ul>
+		</li>
+
+		<li class="menu">
+			<a><img src="" alt="상위메뉴이미지2"/></a>
+			<ul class="hide">
+				<li>메뉴2-1</li>
+				<li>메뉴2-2</li>
+				<li>메뉴2-3</li>
+				<li>메뉴2-4</li>
+				<li>메뉴2-5</li>
+				<li>메뉴2-6</li>
+			</ul>
+		</li>
+	</ul>
+</div>
+
+<br>
+<br>
 <a href="https://starcraft2.com/ko-kr/game">Official Site</a>
 
 </body>