Switch using SnappySnippet

by ilancopelyn

HTML

<div id="DIV_1">
	<div id="DIV_2">
		<input type="checkbox" name="showlegend" id="INPUT_3" checked="checked" /> 
		<label for="showlegend" id="LABEL_4">
			<span id="SPAN_5"></span><span id="SPAN_6"></span>
		</label>
	</div>
</div>

CSS

#DIV_1 {
    border-bottom-color: rgb(103, 106, 108);
    border-left-color: rgb(103, 106, 108);
    border-right-color: rgb(103, 106, 108);
    border-top-color: rgb(103, 106, 108);
    box-sizing: border-box;
    color: rgb(103, 106, 108);
    float: right;
    font-family: 'open sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 25px;
    line-height: 18.5714282989502px;
    outline-color: rgb(103, 106, 108);
    width: 54px;
    -webkit-column-rule-color: rgb(103, 106, 108);
    perspective-origin: 27px 12.5px;
    -webkit-perspective-origin: 27px 12.5px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-emphasis-color: rgb(103, 106, 108);
    -webkit-text-fill-color: rgb(103, 106, 108);
    -webkit-text-stroke-color: rgb(103, 106, 108);
    transform-origin: 27px 12.5px;
    -webkit-transform-origin: 27px 12.5px;
    border: 0px none rgb(103, 106, 108);
    border-top: 0px none rgb(103, 106, 108);
    border-right: 0px none rgb(103, 106, 108);
    border-bottom: 0px none rgb(103, 106, 108);
    border-left: 0px none rgb(103, 106, 108);
    border-color: rgb(103, 106, 108);
    font: normal normal normal normal 13px/18.5714282989502px 'open sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    outline: rgb(103, 106, 108) none 0px;
    -webkit-border-after: 0px none rgb(103, 106, 108);
    -webkit-border-before: 0px none rgb(103, 106, 108);
    -webkit-border-end: 0px none rgb(103, 106, 108);
    -webkit-border-start: 0px none rgb(103, 106, 108);
}/*#DIV_1*/

#DIV_2 {
    border-bottom-color: rgb(103, 106, 108);
    border-left-color: rgb(103, 106, 108);
    border-right-color: rgb(103, 106, 108);
    border-top-color: rgb(103, 106, 108);
    box-sizing: border-box;
    color: rgb(103, 106, 108);
    font-family: 'open sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 20px;
    line-height: 18.5714282989502px;
    outline-color: rgb(103, 106, 108);
    position:...