I have a problem with JQuery Toggle.

I have the following code:

```
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");       

});

});

```

I'm using the script to show and hide a DIV. However, toggle() doesn't seem to work at all and I don't know why. What happens is that it only shows the content, and never hides. I've also tried it with just the toggle() function but it gives me the same result.

I'm using Firefox 4 with JQuery 1.5.2.

I'd appreciate any assistance to resolve this.