I have this HTML code:
<tr>
<td><input type="checkbox" class="chk" /></td>
<td><div class="disabled">text to hide 1</div></td>
<td><div class="disabled">text to hide 2</div></td>
</tr>
I'm using jQuery to hide all class="disabled" items:
$("div.disabled").hide() ;
I want to show disabled divs when I click the checkbox in the same row (tr). I tried
$("input.chk").click(function(){
$(this).parent().parent().(".disabled").show();
}) ;
but it doesn't work.