css-transition-sample

by Korah Babu Varghese

HTML

<table>
<tr class="parent_div">
<td><input type="checkbox" class="mycheckbox"></td>1
<td>sdfs</td>
</tr>
<tr class="parent_div">
<td><input type="checkbox" class="mycheckbox"></td>2
<td>sdfs</td>
</tr>
<tr class="parent_div">
<td><input type="checkbox" class="mycheckbox"></td>3
<td>sdfs</td>
</tr>
</table>

CSS

.parent_div
{
  background:#333;
  color:#fff;
  margin:5px;
}
.hightlight
{
  background:#BEF781 !important;
}

JavaScript

$('.mycheckbox').click(function(){
	$(this).parent().parent().toggleClass("hightlight");
})