Jquery 带有 2 个触发器的切换

发布于 2024-08-31 18:33:02 字数 299 浏览 4 评论 0原文

我有两个不同的链接来触发切换功能。然而,他们独立行动:
链接 1:打开
链接 2:打开
链接 2:关闭
链接 1:打开
但是,我希望它们像同一个链接一样工作:
链接 1:打开
链接 2:关闭
链接 2:打开
链接 1:关闭

这是我当前的代码...任何帮助将不胜感激。

http://www.jsfiddle.net/Gavyz/

I have two different links to fire a toggle function. However, they act independently:
Link 1: On
Link 2: On
Link 2: Off
Link 1: On
However, I would like them to work as if they were the same link:
Link 1: On
Link 2: Off
Link 2: On
Link 1: Off

Here is my current code... any help would be appreciated.

http://www.jsfiddle.net/Gavyz/

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

长发绾君心 2024-09-07 18:33:02

添加全局切换变量。

var toggled = false;

$(document).ready(function(){
    $("button").click(function(){
        if(toggled == false)
            change = 250;
        else
            change = -250;

        toggled = !toggled;

        $('p').animate({
            top: '+='+change
        }, 700) ;
    }
    );
});

Add a global toggled variable.

var toggled = false;

$(document).ready(function(){
    $("button").click(function(){
        if(toggled == false)
            change = 250;
        else
            change = -250;

        toggled = !toggled;

        $('p').animate({
            top: '+='+change
        }, 700) ;
    }
    );
});
溇涏 2024-09-07 18:33:02

修改了 Andrew M 的代码,使其工作......

var toggled = false;

$(document).ready(function(){
    $("button").click(function(){
        if(toggled == false)
            change = 250;
        else
            change = -250;

        toggled = !toggled;

        $('p').animate({
            top: '+=' + change
        }, 700) ;
    });    
});

Modified Andrew M's code so it works...

var toggled = false;

$(document).ready(function(){
    $("button").click(function(){
        if(toggled == false)
            change = 250;
        else
            change = -250;

        toggled = !toggled;

        $('p').animate({
            top: '+=' + change
        }, 700) ;
    });    
});

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文