Question

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

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

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

Answer 1

你想要.fadeToggle（）：http://jsfiddle.net/rkw79/x5qYz/1/

Answer 2

使用功能

fadeToggle()

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

Answer 3

你可以使用这个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>

Answer 4

正如其他人所说，fadeToggle（）。我为这个小提琴添加了一些额外内容：

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

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

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

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

4 个答案: