Jquery 制作拨动开关

如何使按钮从中间位置开始切换开关。然后单击将设置left position属性的动画，以便按钮位于左侧。再次单击会将位置重置回中间位置。第三次单击将向右移动按钮。第四次单击会将其移回中间位置

HTML

---

理想情况下，我希望分配一个变量，因为我计划将其用作同位素网格的过滤器

这是一个可能的解决方案：

var pos = 1;
$('.toggle').click(function(){
    if(pos === 1){
        $('.button').css('left', '0');
    }else if(pos === 2){
        $('.button').css('left', '75px');
    }else if(pos === 3){
        $('.button').css('left', '150px');
    }else if(pos === 4){
        $('.button').css('left', '75px');
        pos = 0;
    }
    pos++;
});

变量

pos

保存当前位置。我还添加了一个CSS转换

---

请参见此处工作：

这是一种可能的解决方案：

var pos = 1;
$('.toggle').click(function(){
    if(pos === 1){
        $('.button').css('left', '0');
    }else if(pos === 2){
        $('.button').css('left', '75px');
    }else if(pos === 3){
        $('.button').css('left', '150px');
    }else if(pos === 4){
        $('.button').css('left', '75px');
        pos = 0;
    }
    pos++;
});

变量

pos

保存当前位置。我还添加了一个CSS转换

---

请参见此处工作：

这是一种可能的解决方案：

var pos = 1;
$('.toggle').click(function(){
    if(pos === 1){
        $('.button').css('left', '0');
    }else if(pos === 2){
        $('.button').css('left', '75px');
    }else if(pos === 3){
        $('.button').css('left', '150px');
    }else if(pos === 4){
        $('.button').css('left', '75px');
        pos = 0;
    }
    pos++;
});

变量

pos

保存当前位置。我还添加了一个CSS转换

---

请参见此处工作：

这是一种可能的解决方案：

var pos = 1;
$('.toggle').click(function(){
    if(pos === 1){
        $('.button').css('left', '0');
    }else if(pos === 2){
        $('.button').css('left', '75px');
    }else if(pos === 3){
        $('.button').css('left', '150px');
    }else if(pos === 4){
        $('.button').css('left', '75px');
        pos = 0;
    }
    pos++;
});

变量

pos

保存当前位置。我还添加了一个CSS转换

---

请参见此处工作：

您的Javascript在哪里？如果您展示了您在编写Javascript方面迄今取得的进展，您将更有可能从社区获得积极反馈和帮助……您的Javascript在哪里？如果您展示了您在编写Javascript方面迄今取得的进展，您将更有可能获得积极反馈还有来自这个社区的帮助……你的Javascript在哪里？如果你展示了你在编写Javascript方面迄今取得的进展，你将更有可能从这个社区获得积极的反馈和帮助……你的Javascript在哪里？如果你展示了你在编写Javascript方面迄今取得的进展，你将更有可能获得积极的反馈和帮助来自社区的反馈和帮助。。。