切換擴展不工作在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/說：

注意：此方法的簽名被棄用的jQuery 1.8和jQuery的1.9去除 。 jQuery還提供了一個名爲 .toggle（）的動畫方法，用於切換元素的可見性。 動畫或事件方法是否被觸發取決於通過的參數 的設置。