带触发按钮的动画制作

我有一个div这可以延长点击的高度。 jQuery的代码如下所示：带触发按钮的动画制作

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

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

我想有一个触发按钮而不是开口的a按钮和关闭div。但我不明白如何做到这一点。对于slide()函数，有一个触发器选项，但不适用于动画。为什么？感谢您的帮助

来源

2011-11-21 KSPR

你是什么意思'对于幻灯片（）函数有一个触发选项？ –

或者你只是ü一个按钮，并使用切换。例子：

<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/

在N OUT！编辑这里的示例http://jsfiddle.net/Xq63U/

来源

2011-11-21 12:46:13 user750158

是的。非常感谢你。这就是我正在寻找的东西。我没有看到我可以使用触发器而不是点击。谢谢你和其他人的建议。 – KSPR

如果我明白你的问题，有一个HTML button点击运行上面的代码，你只需要简单地从close选择删除a：

$('.close').click(function() {

然后你需要把两个按钮在你的HTML，与相关类作为您的jQuery的定义：

<input type="button" class="close" value="Close" /> 
<input type="button" class="contact-click" value="Contact" />

来源

2011-11-21 12:19:52

<input type="Button" onClick="$('.contact-click').trigger('click');" value="Animate"/> 
    /* 
    Will call 
    $('.contact-click').click(function() { 
     $('#rollout').animate({ 
      height: "375", 
     }, 500); 
    }); 
    */ 
<input type="Button" onClick=" $('a.close').trigger('click');" value="Close"/> 

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

来源

2011-11-21 12:21:17

带触发按钮的动画制作

回答

相关问题