|
Server : Apache/2.2.17 (Unix) mod_ssl/2.2.17 OpenSSL/0.9.8e-fips-rhel5 DAV/2 PHP/5.2.17 System : Linux localhost 2.6.18-419.el5 #1 SMP Fri Feb 24 22:47:42 UTC 2017 x86_64 User : nobody ( 99) PHP Version : 5.2.17 Disable Function : NONE Directory : /home/queenjbs/www/test/ |
Upload File : |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<style type="text/css">
.accordion {width:200px; border:1px solid #ccc;}
.accordion ul {margin:0; padding:0; list-style-type:none;}
.accordion li {margin:0; padding:0; list-style-type:none;}
.accordion p {margin:0; padding:2px;}
.accordion p {cursor:pointer;}
.accordion a {display:block; padding:3px 0; border-bottom:1px sodid #ccc; text-decoration:none;background:#eee;}
</style>
</head>
<script type="text/javascript">
$(function(){
$(".submenu").hide();
$(".left").click(function(){
$(".submenu:visible").slideUp("middle");
$(this).next('.submenu:hidden').slideDown("middle");
return false;
})
});
</script>
<div class="accordion">
<p class="left">1차메뉴</p>
<ul class="submenu">
<li><a href="#">1차 서브메뉴</a></li>
<li><a href="#">1차 서브메뉴</a></li>
<li><a href="#">1차 서브메뉴</a></li>
</ul>
<p class="left">2차메뉴</p>
<ul class="submenu">
<li><a href="#">2차 서브메뉴</a></li>
<li><a href="#">2차 서브메뉴</a></li>
<li><a href="#">2차 서브메뉴</a></li>
</ul>
<p class="left">3차메뉴</p>
<ul class="submenu">
<li><a href="#">3차 서브메뉴</a></li>
<li><a href="#">3차 서브메뉴</a></li>
<li><a href="#">3차 서브메뉴</a></li>
</ul>
</div>
</html>