jquery - 切换展开在 jquery 1.11.0 中不起作用

Question

我有一段代码，其中包含用于扩展区域的切换按钮。它适用于 jquery 1.8.3，当我使用较新版本的 jquery 时(我的目标是 1.11.0，与 Bootstrap 3 一起使用)，它开始崩溃。有没有人对这项工作有建议？

$(document).ready(function () {


    $('#slide1').css("height", "auto");
    var slideHeight = $('#slide1').height();
    $('#slide1').css("height", "95");

    if (slideHeight < 95) {
        $('#toggler-slide1').hide();
    }


    $('#slide2').css("height", "auto");
    var slideHeight = $('#slide2').height();
    $('#slide2').css("height", "95");

    if (slideHeight < 95) {
        $('#toggler-slide2').hide();
    }

    $(".toggler").toggle(function () {
        var id = $(this).attr('id');
        var widgetId = id.substring(id.indexOf('-') + 1, id.length);
        $('#' + widgetId).css("height", "auto");
        var height = $('#' + widgetId).height();
        $('#' + widgetId).css("height", "95");
        $('#' + widgetId).animate({
            height: height
        }, 200, 'linear');
        $(this).toggleClass('sliderExpanded');
    }, function () {
        var id = $(this).attr('id');
        var widgetId = id.substring(id.indexOf('-') + 1, id.length);
        $('#' + widgetId).animate({
            height: 95
        }, 200, 'linear');
        $(this).removeClass('sliderExpanded');
    });

});

在 1.8.3 上运行的工作版本如下。更改版本以了解我的意思。

http://jsfiddle.net/Y7eKT/1/

Answer 1

http://api.jquery.com/toggle-event/说:

Note: This method signature was deprecated in jQuery 1.8 and removed in jQuery 1.9. jQuery also provides an animation method named .toggle() that toggles the visibility of elements. Whether the animation or the event method is fired depends on the set of arguments passed.