jquery - jQuery更新后切换停止工作

Question

我在我的网站上使用 jquery 1.3。今天我将它更新到最新的 1.9 并且我的切换/动画脚本停止工作。

代码如下所示：

<a href="javascript: void(0);" id="toggler">Show more</a>
<div id="tcontent"> … </div>

$(document).ready(function() {                      
    $('#toggler').toggle(
    function() {
        $('#tcontent').animate({height: "70"}, 800);
    },
    function() {
        $('#tcontent').animate({height: "6"}, 800);
    });
});

这段代码有什么问题？当我将 jquery 1.3 包含回我的 html 时，一切正常。

Answer 1

试试这个

<a href="#" id="toggler" data-show="no">Show more</a>

和

$(function() {                      
  $('#toggler').on("click",function(e) {
      if ($(this).data("show")=="no") {
        $('#tcontent').animate({height: "70"}, 800);
        $(this).data("show","yes");
      }   
      else {
        $('#tcontent').animate({height: "6"}, 800);
        $(this).data("show","no");     
      }
  });
});

Answer 2

$('#toggler').click( function() {
    $('#tcontent').toggle(
        function()
        {
            $(this).animate({height: "70"}, 800);
        },
        function()
        {
            $(this).animate({height: "6"}, 800);
        }
    );
});