jQuery/Switch Demo

HTML

<script src="http://rawnet.github.com/jquery-switch/jquery.switch/jquery.switch.min.js"></script>
<link rel="stylesheet" href="http://rawnet.github.com/jquery-switch/jquery.switch/jquery.switch.css">
<select>
  <option value="1">On</option>
  <option value="0">Off</option>
</select>

<div id="mydiv1">1111111</div>
<div id="mydiv2">2222222</div>

CSS

/* uncomment the line below to
   show the original <select> */

/*
select {
  display: inline !important;
}
*/

JavaScript

$('select').switchify();
$('#mydiv1').hide();
$('select').data('switch').on('switch:slide', function(e, type) {
var a = ['#mydiv2','#mydiv1'];   
type == 'off' && (a=['#mydiv1','#mydiv2'])
    
    $(a[1]).hide(); $(a[0]).show();

   
});