JQuery Toggle 无法正常工作

Question

我在使用 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。

如果您能帮助解决此问题，我将不胜感激。

Answer 1

使用当前代码，您将隐藏#sh-zone-login-menu，然后在回调方法中使其再次可见。
另外， 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");
  });
});