滑出和鼠標外部故障jquery

Question

這是Fiddle。

問題是，當你點擊按鈕關閉滑出框時，出現一個小故障。我不知道如何解決它。

如果有人能幫助我，這將是偉大的。謝謝！

var mouse_is_inside = false; 

     $(document).ready(function(){ 

      $('#box').hover(function(){ 
       mouse_is_inside=true; 
      }, function(){ 
       mouse_is_inside=false; 
      }); 
      $("body").mouseup(function(){ 
       if(! mouse_is_inside) $('#box').slideUp(); 
      }); 
     }); 

這是代碼，如果它可以幫助任何人。

Answer 1

使用slideToggle代替：

$(".show").click(function(){ 
    $("#box").slideToggle(); 
}); 

小提琴：http://jsfiddle.net/9spzQ/10/