JSFiddle - React, Tailwind, and code Playground

by georgesarkisss

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/base/jquery-ui.css">
<label><input type="checkbox" name="checkbox" value="Div 1" /> Div 1</label>
<label><input type="checkbox" name="checkbox" value="Div 2" /> Div 2</label>
<label><input type="checkbox" name="checkbox" value="Div 3" /> Div 3</label>

<div id="div1">
    Div 1
</div>
<div id="div2">
    Div 2
</div>
<div id="div3">
    Div 3
</div>

CSS

div{height:100px;}

JavaScript

$(document).ready(function(){
    $('input[type="checkbox"]').click(function(){
        if($(this).prop('checked'))
           $('div').eq($(this).parent().index()).effect("highlight", {}, 1000); 
    });
});