滑动开关按钮

$(".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>