javascript - jquery切换功能打开/关闭

Question

尝试执行一个功能，在切换打开时执行“A”，在切换关闭时执行“B”。

代码：

function awesome_toggle()
{
    $(".button").click(function()
    {
        $("content").toggle(
            function()
            {
                /* Do "A" */
            },
            function()
            {
                /* Do "B" */
            }
        );
    });
}

这段代码似乎不起作用，我不知道为什么。当我只使用一个函数时，所以我在 /* Do "A" */ 之后停止代码它可以工作，但是当我添加 /* Do "B" */ 函数时它停止工作。怎么了？

jquery 版本：ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js

Answer 1

正如评论所说，此版本toggle已被弃用。

可能有更好的方法来完成您想要的，但是您可以在使用选择器切换后检查元素是否可见:visible，并根据它有条件地做一些事情。

function awesome_toggle()
{
    $(".button").click(function() {
        $("content").toggle(normalSpeed, function () {
            if ($("content").is(':visible')) {
                /* Do "A" */
            } else {
                /* Do "B" */
            }
        });
    });
}