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/说：

注意：此方法签名在jQuery 1.8中已弃用并已删除在jQuery 1.9中。 jQuery还提供了一个名为的动画方法 .toggle（）切换元素的可见性。是否动画或触发的事件方法取决于参数集过去了。

切换展开不在jquery 1.11.0中工作

1 个答案: