Witam próbuje napisać prosty kod js, który po najechaniu na komórkę tabeli ma się podświetlić na czerwono a po opuszczeniu ma się zrobić normalna. I to potrafię zrobić, ale gdy chce zrobić ze, gdy najadę na komórkę to ma się zmienić na czerwono i gdy kliknę ma pozostać czerwona. Gdy kliknę na tą samo komórkę drugi raz ma kolor zniknąć i się tylko podświetlać po najechaniu. Mam nadzieje ze rozumiecie, o co mi chodzi i napisałem taki kod, lecz on nie działa tak jak chce. Proszę o wskazówki jak to wykonać.
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function()
{
$("table").find("td").hover(function ()
{
$(this).css('background-color', 'red');
}, function ()
{
$(this).toggle(function()
{
$(this).css('background-color', 'red');
}, function()
{
$(this).css('background-color', '');
});
});
});
</script>
</head>
<body>
<table cellpadding="20" align="center">
<tr>
<td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td>
</tr>
</table>
</body>
</html>