Grüße,
hier mal ein dirty-quicky-beispiel - beachte die einschränkungen, aber vllt kannst du daraus was basteln (menu2 geht auf und zu^^):
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="">
<style type="text/css">
ul input:focus{
color:red;
}
li ul{
display:none;
}
input+input{
display:none;
}
input:focus{
display:none;
}
input:focus+input{
display:block;
}
input:focus+input+ul{
display:block;
}
</style>
<script src="helpers.js"></script>
<script type="text/javascript">
</script>
</head>
<body>
<ul>
<li><input type=button value="MENU 1"></li>
<li>
<input type=button value="MENU 2">
<input type=button value="MENU 2">
<ul>
<li>MENU 2a</li>
<li>MENU 2b</li>
<li>MENU 2c</li>
</ul>
</li>
<li><input type=button value="MENU 3"></li>
</ul>
</body>
</html>
MFG
bleicher