Jquery滑动框切换问题

这是我正在使用的代码

$(document).ready(function(){
        $('#slickbox').hide();
        // toggles the slickbox on clicking the noted link
        $('a#slick-show').click(function() {
            $('#slickbox').show('slow');
            return false;
        });

        // hides the slickbox on clicking the noted link

        $('a#slick-hide').click(function() {
            $('#slickbox').hide('fast');
            return false;
        });
        // toggles the slickbox on clicking the noted link

        $('a#slick-toggle').click(function() {
            $('#slickbox').toggle(400);
            return false;
        });
    });

以下是HTML代码：

<div id="slickbox"> BLARGH</div>
<a href="#" id="slick-show">Show</a>
<a href="#" id="slick-hide">hide</a>
<a href="#" id="slick-toggle">toggle</a>

BLARGH

完美地展示和隐藏作品。Blargh在浏览器打开时隐藏，我可以显示和隐藏它，但单击链接。我的问题是，当我单击“切换”时，如果短时间滑动打开以显示blargh，然后滑动关闭。我可以点击它任意多次，它也会做同样的事情。如何使它保持显示状态，然后再次单击以隐藏它

$('a#slick-toggle').click(function() {
    $('#slickbox').is(":visible") ? $('#slickbox').hide("fast") : $('#slickbox').show("slow");
    return false;
});

或者，您可以触发显示/隐藏绑定的单击，这样，如果您决定更改动画，就不必更改

a#slick toggle

的实现：

$('a#slick-toggle').click(function() {
    $('#slickbox').is(":visible") ? $('a#slick-hide').trigger("click") : $('a#slick-show').trigger("click");
    return false;
});

$('a#slick-toggle').toggle(function() {
            $('#slickbox').show();
            return false;
        }, function() {
            $('#slickbox').hide();
        });