Есть вот такая вот кнопка, которая открывает скрытый div:
<input type="button" class="butprof" value="Меню">
<div class="menu_body">
<ul class="pro" >
<li><a href="#"> Добавить видео</a></li>
<li><a href="#"> Мой профиль</a></li>
<li><a href="#"> Cообщения (0)</a></li>
<li><a href="#"> Выйти</a></li>
</ul>
</div>
И сам скрипт, который ее открывает
<script type="text/javascript">
$(document).ready(function () {
$("div.menu_body li:even").addClass("alt"); $('.butprof').click(function () {
$('div.menu_body').slideToggle('medium'); });
});
</script>
Так вот мне нужно, чтобы при отведении мыши от открытого меню оно закрывалось, делал вот так:
$('ul.pro').mouseout(function () {
$('div.menu_body').hide(); });
Меню сразу закрывается при отведении от 1 пункта меню, а мне нужно от всей области, помогите исправить.