Javascript 在jQuery提供的CSS样式之间切换？

我试图在jQuery提供的两种CSS样式之间切换

基本上这是我的代码：

$('#reveal').click(function() {
    window.scrollTo( 0, 1 );

    $('.boxs').slideToggle(1000, function() {
        $('#bubs').toggle(function () {
            $('#bubs').animate({"position":"relative","margin-top":"320px"}, 1000);
        }, function () {
            $('#bubs').animate({"position":"fixed","top":"0"}, 1000);
        });
    });
});

所以我需要在两者之间切换`

$('#bubs').animate({"position":"relative","margin-top":"320px"}, 1000);

及

但我所做的是错误的，因此我的代码根本不起作用，也不会切换

---

有人能告诉我这样做的正确方法吗？

jQuery.toggle事件在中被弃用。尽管我不推荐使用jquery1.8及以下版本，但代码工作的唯一方式是使用jquery1.8及以下版本

您可以与最新版本的jQuery一起使用。请看一个示例用法。使用该插件，您的代码将变成：

    $('#bubs').toggleClick(function () {
        $(this).animate({"position":"relative","margin-top":"320px"}, 1000);
    }, function () {
        $(this).animate({"position":"fixed","top":"0"}, 1000);
    });

---

添加与jQuery.toggle事件所在脚本相关的HTML。如果您在web上搜索toggleClick，您应该会找到一个jQuery插件，该插件执行.toggle事件所执行的操作。@PeterKA但令人困惑的是，它仍然具有以下效果。。。无论如何，切换可以很容易地模仿。使用旧学校if/else；“嗯，@giorgio，我认为混乱是它被删除的部分原因。但是，如果您查看方法签名，不推荐的签名是唯一只接受方法作为输入的签名。

    $('#bubs').toggleClick(function () {
        $(this).animate({"position":"relative","margin-top":"320px"}, 1000);
    }, function () {
        $(this).animate({"position":"fixed","top":"0"}, 1000);
    });