代码之家 › 专栏 › 技术社区 › The Muffin Man

将jQuery toggle设置回开头

jquery

The Muffin Man · 技术社区 · 15 年前

我有以下代码,可以在单击链接时显示/隐藏(切换)div:

$('#complete-services-link').toggle(
    function () {
         $('#complete-services-box').fadeIn('fast');
    }, 
    function () {
         $('#complete-services-box').fadeOut('fast');
    }
);

#complete-services-box 是正在显示/隐藏的div,通常您会再次单击链接以关闭该框,但如果我这样做,则您可以单击该框以关闭它,然后单击切换链接,我将不得不双击它,因为该链接正在侦听第二个函数 $('#complete-services-box').fadeOut('fast');

$('#complete-services-link').toggle(
    function () {
        $('#complete-services-box').fadeIn('fast');
    }, 
    function () {
        $('#complete-services-box').fadeOut('fast');
        $('#complete-services-box').click(function () {
             $('#complete-services-box').fadeOut('fast');
        });
    }
);

1 回复 | 直到 15 年前

Reigel Gallarde 15 年前

使用 .stop(true,true)

$('#complete-services-link').toggle(
    function () {
         $('#complete-services-box').stop(true,true).fadeIn('fast');
    }, 
    function () {
         $('#complete-services-box').stop(true,true).fadeOut('fast');
    }
);

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

7 月前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

8 月前

user28928120 · 如何在jquery中选择所有类?

8 月前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

8 月前