滑动开关按钮

$(".slider").click(function(){
				
				var $slider = $(this);
				
				var id=$(this).attr("value");//点击按钮实体的id
				
				if($slider.hasClass("sliderOn")){
					
					$slider.find(".slider-bar").animate({"left":6+"px"},300);
					$slider.removeClass("sliderOn").next().text("关闭");
					status(id,"0");
				}else{
					
					$slider.find(".slider-bar").animate({"left":45+"px"},300);
					$slider.addClass("sliderOn").next().text("开启");
					status(id,"1");
				}			
			});

<td>
	<#if (sub.isDisable)! !="0">
		<span id="offLine" class="slider sliderOn" value="${sub.id!}">
		<i class="slider-bar"></i></span>
		<span class="needOrNot">开启</span>
		<#else>
		<span id="offLine" class="slider" value="${sub.id!}">
		<i class="slider-bar"></i></span>
		<span class="needOrNot">关闭</span>
		</#if>
</td>