JSFiddle - React, Tailwind, and code Playground

by Kamlesh Kushwaha

HTML

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<div id="sidebar">
  <span style="font-weight: bold;">Filter</span>
  <br>
  <input type="radio" name="filter" value="schedule"><span>Schedule</span>
  <br>
  <input type="radio" name="filter" value="risk"><span>Risk</span>
  <br>
  <input type="radio" name="filter" value="opm"> <span>OPM</span>
  <br>
  <input type="radio" name="filter" value="location"> <span>Location</span>
  <br>
  <input type="radio" name="filter" value="all" checked><span>All</span>
  <br>
</div>

CSS

input:checked + span {
  color: red;
}

JavaScript

$(document).ready(function() {

});