Nevrali,
<!DOCTYPE HTML>
<html>
<head>
<title>index.php</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(document).ready(function ()
{
$("#menu li:first").click(function (event)
{event.preventDefault();
$(this).next().toggle(200);}
);
$(".menu1").click(function (event)
{event.preventDefault();
$(this).next().toggle(200);
}
);
}
);
</script>
<style>
*{
padding: 0;
margin: 0;
border: none;
overflow:hidden
}
body {
background: rgb(197, 197, 197);
width: 100%;
height: 100%;
}
li{
list-style:none
}
#menu > li:nth-child(n + 2),.menu2{
display:none;
}
</style>
</head>
<body>
<ul id="menu">
<li><a href="#">МЕНЮ</a></li>
<li>
<a href="#" class="menu1">Раздел 1</a>
<ul class="menu2">
<li><a href="#">Подраздел</a></li>
<li><a href="#">Подраздел</a></li>
<li><a href="#">Подраздел</a></li>
<li><a href="#">Подраздел</a></li>
</ul>
</li>
</ul>
</body>
</html>