切换按钮 - 单击一个和所有切换开关

Question

- EDIT--

我有切换按钮，其中幻灯片左右。切换和动画工作正常，但在同一页面上添加多个切换按钮的实例时会出现问题。当我点击切换按钮时，所有切换按钮都使用相同的VAR。因此，如果您打开一个，然后再单击另一个，则第二个不会打开，因为它认为应该关闭。你会在哪里放置isChecked var，以便每个实例都有所不同？

爵士小提琴 http://jsfiddle.net/amQCN/11/

$(document).ready(function() { 


var isChecked = false; 
$('.toggle-radio-switch').click(function() { 
    if (isChecked == true) { 
     $(this).find('.radio-switch-slider').animate({'margin-left': '0px'},'150'); 
     isChecked = false; 
     console.log("isChecked = " + isChecked); 
    } else { 
     $(this).find('.radio-switch-slider').animate({'margin-left': '34px'},'150'); 
     isChecked = true; 
     console.log("isChecked = " + isChecked); 
    }; 
}); 


}); 

无线电开关滑块位于内容的顶部和来回滑动露出yes或no

<div class="toggle-radio-switch" id="toggle3"> 
    <span>yes</span> 
    <span>no</span> 
    <div class="radio-switch-slider"></div> 
</div> 

工作版本柜面你想知道：

刚结束使用此代替

$('.toggle-radio-switch').click(function() { 
    if ($(this).find('.radio-switch-slider').css('margin-left')=="0px"){ 
     $(this).find('.radio-switch-slider').animate({'margin-left': '34px'},'150'); 
    } else { 
     $(this).find('.radio-switch-slider').animate({'margin-left': '0px'},'150'); 
    } 
}); 

Answer 1

我打赌你的.toggle-radio-switch元素是兄弟姐妹。从您的代码中删除.parent()。它不是必要的，因为.radio-switch-slider直接在.toggle-radio-switch

$(this).find('.radio-switch-slider')...