トグルボタンがループしていますが、マウスが表示されません

Question

このトグルボタンのドロップダウンが機能するようになりました。私はそれをクリックしたときに落ちてフェードインし、再びクリックして隠すようにします。それは、ボックスを隠すためにボタンをクリックすると、ボックスは隠れていますが、隠されたままではすぐに表示されません再び。任意の助けをいただければ幸いですので、それは、このコードは、このhttp://aext.net/2009/08/perfect-sign-in-dropdown-box-likes-twitter-with-jquery/

乾杯から変更された場合に役立ちます

$(document).ready(function() { 

     $(".signin").click(function(e) {   
      e.preventDefault(); 
      $("div#dropdown_container").animate({opacity: "show", top: "45"}, "slow"); 
      $(".signin").toggleClass("menu-open"); 

     }); 

     $("div#dropdown_container").mouseup(function() { 
      return false 
     }); 
      $(document).mouseup(function(e) { 
      if($(e.target).parent(".signin").length==0) { 
       $(".signin").removeClass("menu-open"); 
       $("div#dropdown_container").animate({opacity: "hide", top: "75"}, "fast"); 
      } 
     });   
      $(document).mouseup(function(e) { 
      if($(e.target).parent(".signin menu-open").length==0) { 
       $("menu-open").removeClass(".signin"); 
       $("div#dropdown_container").animate({opacity: "hide", top: "75"}, "fast"); 
      } 
     }); 
    }); 

私は、jqueryのにちょうど初心者です。

Answer 1

「div＃dropdown_container」が表示または非表示になっていることを確認して表示することができます。

$(".signin").click(function(e) {   
     e.preventDefault(); 

     if ($("#dropdown_container").is(":hidden")){ 
      $("#dropdown_container").animate({opacity: "show", top: "45"}, "slow"); 
     } 

     $(".signin").toggleClass("menu-open"); 

    });