[kostr]

<style type="text/css">
div.mainMenu {
background:#eaeaea;
height:21px;
padding:10px;
}
div.mainMenu a {
font:normal 12px Arial, Helvetica, sans-serif;
color:#333;
margin:0 15px;
}
div.mainMenu a:hover {
text-decoration:none;
}
div.podMenu{
display:none;
padding:10px;
background:#000;
}
div.podMenu a{
font:normal 12px Arial, Helvetica, sans-serif;
color:#FFF;
}
</style>
    
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js' type='text/javascript'></script> 
<script type="text/javascript">
function podmenu(menu) {
 $('.podMenu').hide();
 $('.' + menu).show();
}
</script>

<div class="mainMenu">
<a href="#" onclick="podmenu('afisha')">Афиша города</a>
<a href="#" onclick="podmenu('advertisement')">Объявления</a>
</div>
<div class="podMenu afisha">
<a href="#">Кинотеатры</a>
<a href="#">Мероприятия города</a>
<a href="#">Музеи</a>
<a href="#">Театры</a>
</div>
<div class="podMenu advertisement">
<a href="#">Продам</a>
<a href="#">Куплю</a>
<a href="#">Обменяю</a>
</div>