Hello beautiful people. I have problem with animation effect.

View:  http://jsfiddle.net/pHnWz/6/

objective:

When the mouse cursor over the button opens the div and occur 2 options:

1 - If I'm inside the div and then the mouse leaves the div closes

2 - If I'm not inside the div and the mouse leaves the div closes

Code:

1.  $("#button").hover(function(){
2. $(this).addClass("active");  
3. $('#content').slideDown();}
4. ,function(event){
5.  if($('#content').is(":hover"))
6.     {
7. $('#content').slideDown();
8. event.stopPropagation();
9.         return true;
10.     }
11. else {
12. $('#content').slideUp();
13.         $("#button").removeClass("active");
14. return false;
15. }   
16.  });
17. 
    
18. 
    
19. $('#content').mouseleave(function () {
21. $(this).slideUp();
22. $("#button").removeClass("active");
23. });
25. $('#content').hover(function(event) {    
26.     event.stopPropagation();
27. });

mikepianist.-