Jquery ui jqueryui+；toggleClass工作不正常

今天，我的toggleClass函数遇到了一个小问题（由jQueryUI实现）。 当我尝试我的切换按钮，它打开我的盒子完美无瑕，没有任何问题。 如果在第二次单击后它应该隐藏，则动画将不再工作

第一次单击-动画正常工作 第二次单击-动画不起作用，只是隐藏块静态

有人能告诉我我做错了什么吗

html+js示例：

<div id="wrapper">
    <div id="bar">
        <div id="box">
            <img src="images/logo.jpg" />
            <div id="open">
                <div id="slideBox">
                    &nbsp;
                </div>
                &#x25BC <a id="toggle" href="#">meer informatie </a> &#x25BC
            </div>
        </div> 
        <div id="nav">
            <ul>
                <li>
                    <a href="#home">Home</a>
                    <a href="#collectie">Collectie</a>
                    <a href="#zakelijk">Zakelijk</a>
                    <a href="#contact">Contact</a>
                    <a href="#inloggen">Inloggen</a>
                </li>
            </ul>
        </div>
    </div>
</div>

<script type="text/javascript">
    $( document ).ready(function() {
        $( "#toggle" ).on('click', function() {
            $('#slideBox').toggleClass("big-box", 800, "easeInOutBack" );

        });
    });
</script> 

▼▼




$（文档）.ready（函数（）{
$（“#切换”）。打开（'单击'，函数（）{
$（“#slideBox”）.toggleClass（“大盒子”，800，“easeInOutBack”）；
});
});

它在这里工作得很好；你的问题是什么？可能是回发问题，因为它在irvin的Fiddle中工作。你知道怎么做吗？