单击按钮隐藏/取消隐藏带有淡入/淡出效果的文本框

时间:2011-08-12 06:19:54

标签: jquery

我已经读过这个参考文献了 Using Jquery to hide/unhide the textbox if button is clicked

这导致了这个答案 http://jsfiddle.net/x5qYz/

但是我想在隐藏/取消隐藏过程中添加淡入和淡出效果 我该怎么做

4 个答案:

答案 0 :(得分:1)

你想要.fadeToggle():http://jsfiddle.net/rkw79/x5qYz/1/

答案 1 :(得分:0)

使用功能

fadeToggle()

http://api.jquery.com/fadeToggle/

答案 2 :(得分:0)

你可以使用这个jQuery:

<script type="text/javascript">
$().ready = function() {
    $('#text').hide();

    $("#driver").click(function() {
        $('#text').fadeToggle();
    });

}();
</script>

为了防止它在快速单击按钮后不断淡入淡出,请使用此jQuery来阻止它执行此操作:

<script type="text/javascript">
$().ready = function() {
    $('#text').hide();

    $("#driver").click(function() {
        $('#text').stop(true,true).fadeToggle();
    });

}();
</script>

答案 3 :(得分:0)

正如其他人所说,fadeToggle()。我为这个小提琴添加了一些额外内容:

http://jsfiddle.net/x5qYz/2/

它不会允许用户不断点击按钮来搞砸动画。用户只能按一次,动画完成后,可以再次按下它。

在评论中回答问题: http://jsfiddle.net/x5qYz/7/