ios toggle-button

by newtype

HTML

<br/><br/><br/><br/>
<center><div class="ios-toggle-button-hider">
    <div class="ios-toggle-button"></div>
    </div></center>

CSS

.ios-toggle-button-hider {
    width: 94px;
    height: 27px;
    overflow: hidden;
}
.ios-toggle-button{
    background: url('http://img233.imageshack.us/img233/5778/itoggle.png') 0 -27px;
    width: 147px;
    height: 27px;
}

JavaScript

$('.ios-toggle-button').toggle(function() {
    $(this).animate({
        marginLeft: '-54px'
    }, 200);
}, function() {
    $(this).animate({
        marginLeft: '0'
    }, 200);
});