An ON/OFF switch using bootstrap and jQuery

See: http://gneady.com/creating-an-onoff-switch-using-bootstrap-and-jquery

by Salmin Skenderovic

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<div class="btn-group" id="toggle_event_editing">
	<button type="button" class="btn btn-info locked_active">JA</button>
	<button type="button" class="btn btn-default unlocked_inactive">NEJ</button>
</div>

JavaScript

$('#toggle_event_editing button').click(function(){

	/* reverse locking status */
	$('#toggle_event_editing button').eq(0).toggleClass('locked_inactive locked_active btn-default btn-info');
	$('#toggle_event_editing button').eq(1).toggleClass('unlocked_inactive unlocked_active btn-info btn-default');
});