[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() {
 $('.mainMenu a').click(function() {
  $('.podMenu').hide();
  switch($(this).text()) {
   case 'Афиша города':
    $('.afisha').show();
    break;
   case 'Объявления':
    $('.advertisement').show();
    break;
  }
 });
});
</script>

<div class="mainMenu">
<a href="#">Афиша города</a>
<a href="#">Объявления</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>