вариант без js
<!DOCTYPE HTML>
<html>
<head>
<style>
:checked ~ div[id^=cat]{
display: none;
}
div[id^=cat] {
display:block
}
</style>
</head>
<body>
<table>
<tr>
<td>
<input type="checkbox" id="cb1" onchange="showOrHide(1);" checked/>
<br />
<div id="cat1">
<img src="http://javascript.ru/forum/images/smilies/smile.gif">
</div>
</td>
<td>
<input type="checkbox" id="cb2" onchange="showOrHide(2);" checked/>
<br />
<div id="cat2">
<img src="http://javascript.ru/forum/images/smilies/dance3.gif">
</div>
</td>
<td>
<input type="checkbox" id="cb3" onchange="showOrHide(3);" checked/>
<br />
<div id="cat3">
<img src="http://javascript.ru/forum/images/smilies/stop.gif">
</div>
</td>
<td>
<input type="checkbox" id="cb4" onchange="showOrHide(4);" checked/>
<br />
<div id="cat4">
<img src="http://javascript.ru/forum/images/smilies/angry.gif">
</div>
</td>
<td>
<input type="checkbox" id="cb5" onchange="showOrHide(5);" checked/>
<br />
<div id="cat5">
<img src="http://javascript.ru/forum/images/smilies/no.gif">
</div>
</td>
</tr>
</table>
</body>
</html>