JQuery Toggle 无法正常工作

我在使用 JQuery Toggle 时遇到问题。

我有以下代码：

var $_ = jQuery;
$_(document).ready(function(){

$_("#sh-zone-buttons").delegate("#sh-zone-button-login-menu", "click", function(event)
{
    event.stopPropagation();
    event.preventDefault();
    var elem_core = $_(this);
    $_("#sh-zone-login-menu").toggle(0, function(){

        if($_(this).is(":visible"))
        {
            $_(this).hide();
            console.log("#sh-zone-login-menu: HIDE");
        }
        else if(!($_(this).is(":visible")))
        {
            $_(this).show();
            console.log("#sh-zone-login-menu: SHOW");
        }           

    });
    elem_core.toggleClass("current");       

});

});

我正在使用脚本来显示和隐藏 DIV。但是，toggle() 似乎根本不起作用，我不知道为什么。发生的情况是它只显示内容，从不隐藏。我也尝试过仅使用toggle() 函数，但它给了我相同的结果。

我正在使用 Firefox 4 和 JQuery 1.5.2。

如果您能提供任何帮助来解决此问题，我将不胜感激。

使用您当前的代码，您正在隐藏#sh-zone-login-menu然后在您的回调方法中使其再次可见。
Also, var $_ = jQuery.noConflict();是分配 jQuery 的首选方式$到一个变量

var $_ = jQuery.noConflict();

$_(document).ready(function(){

  $_("#sh-zone-buttons").delegate("#sh-zone-button-login-menu", "click", function(event) {
    event.stopPropagation();
    event.preventDefault();

    $_("#sh-zone-login-menu").toggle();
    $_(this).toggleClass("current");
  });
});