jquery - 使用触发按钮制作动画

Question

我有一个 div，它可以在点击时扩展其高度。 jQuery 代码如下所示:

$('.contact-click').click(function() {
    $('#rollout').animate({
        height: "375", 
    }, 500);
});

$('a.close').click(function() {
    $('#rollout').animate({
        height: "0", 
    }, 500);
});

我想要一个触发按钮，而不是一个用于打开和关闭 div 的 a 按钮。但我不明白该怎么做。对于 slide() 函数有一个触发选项，但对于 animate 没有。为什么？ 谢谢您的帮助

Answer 1

或者您只需使用一个按钮并使用切换按钮即可。 示例:

<input type="button" id="triggerMe" value="Open/Close" />

并像这样使用切换:

$('#triggerMe').toggle(function(){
    $('#rollout').animate({
        height: "375", 
    }, 500);
  },function(){
    $('#rollout').animate({
        height: "0", 
    }, 500);
  }
);

http://api.jquery.com/toggle/

结束了! 编辑示例 http://jsfiddle.net/Xq63U/