在jquery更新后,Toggle停止工作

时间:2013-01-30 12:33:41

标签: jquery toggle

我在我的网站上使用jquery 1.3。今天我将它更新到最新的1.9,我的toggle / animate脚本停止工作。

代码如下:

<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中时,一切正常。

2 个答案:

答案 0 :(得分:2)

试试这个

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

答案 1 :(得分:0)

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