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);
        }
    );
});