how can i set Checkbox on /off slider in javascript or jquery..
$(document).ready( function(){
$('.toggle_btn').click(function(){
// on off classes
if($(this).hasClass('on')){
$('.toggle_btn').animate({'backgroundPositionY':'0px 0px'}, 1000, 'linear', function(){
$(this).removeClass('on');
$(this).addClass('off');
});
// on off classes else condition
}
else{
$('.toggle_btn').animate({'backgroundPositionY':'0px 150px'}, 1000,'linear', function(){
$(this).removeClass('off');
$(this).addClass('on');
});
}
});
});