У меня есть следующая структура на веб-сайте, который я строю:
<tr>
<td class="header link"><a href="x" >X</a></td>
<td class="header link"><a href="y" >Y</a></td>
<td class="header link"><a href="z" >Z</a></td>
<td class="header link"><a href="w" >W</td>
</tr>
Все ячейки изначально имеют одинаковый цвет фона.
Что бы я хотел сделать, это следующее:
При нажатии любой из ссылок цвет фона ячейки, содержащей ссылку, меняется на новый и остается неизменным, пока не будет выбрана другая ссылка.
Когда выбрана другая ссылка, цвет первой выбранной ссылки меняется на исходный цвет, а ячейка новой выбранной ссылки меняется на новый цвет.
В настоящее время у меня работает функция наведения:
$(document).ready(function()
{ $(function(){ $('.header').hover(function() {$(this).css('background-color', '#EBA521');},
function() { $(this).css('background-color', '#6F0000'); });
});
});
Как мне выполнить вышесказанное?