Problema semplice toggle Jquery&Css

Ho capito il mio problema, mettevo la funzione sopra e non sotto il div "interessato".

Codice HTML:

---

<style>
#menu_nome_contenitore{
position:absolute;
-webkit-border-radius:4px;
border:1 solid #4B4B4B;
left:30px;
top:30px;
padding:6px;
}

#menu_nome_contenitore:hover{
position:absolute;
-webkit-border-radius:4px;
border:1 solid #ffffff;
box-shadow: 0px 0px 10px #888888;
left:30px;
top:30px;
padding:6px;
background:white;
color:#c2c2c2;
}

.menu_contenitore_civetta{
position:relative;
width:150px;
height:200px;
background:#242424;
color:#ffffff;
-webkit-border-radius:0px 0px 8px 8px;
}

</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>$('#menu_nome_contenitore').click(function() {
  $('.menu_contenitore_civetta').toggle('slow');
});</script>

<div id='menu_nome_contenitore'>Test<div class='menu_contenitore_civetta' style='display:none'>Ciau sono una civetta e ti ho fatto una Gufata!</div></div>

---