Есть вот такой код в header.php:
<!--><script language="JavaScript"
src="http://www.protraffik.ru/wp-content/themes/AskIt/js/jquery.min.js"></script>
<head><script>
jQuery(function(){
$(img2).hover(function(){
$(this).stop().animate({opacity:'1.0'})},
function(){$(this).stop().animate({opacity:'.6'})}
);
});
</script>
<style>
#img2{opacity:.3;filter:alpha(opacity=30)}
</style></head>
<body>
<table cellpadding="0" cellspacing="0" width="800" bgcolor="#202020" height="43" style="margin-left: 0"><br/><br/><br/><br/><br/><br/><br/>
<tr>
<td height="43" valign="top" align="center" style="padding-left: 0" width="160">
<a href="/">
<img id="img2" src="btn_home.png" width="160" height="43"></a></td>
<td height="43" valign="top" align="center" style="padding-left: 0" width="160">
<a href="/" >
<img id="img2" src="btn_apps.png" width="160" height="43"></a></td>
<td height="43" valign="top" align="center" style="padding-left: 0" width="160">
<a href="/">
<img id="img2" src="btn_videos.png" width="160" height="43"></a></td>
<td height="43" valign="top" align="center" style="padding-left: 0" width="160">
<a href="/">
<img id="img2" src="btn_services.png" width="160" height="43"></a></td>
<td height="43" valign="top" align="center" style="padding-left: 0" width="160">
<a href="/">
<img id="img2" src="btn_about.png" width="160" height="43"></a></td>
</td>
</tr>
</table>
</body>
Вопрос, наверное частый, но всё же. Как запомнить, какой элемент выбран и сделать ему opacity = 1 до следующего нажатия на одну из кнопок в меню? Видимо параметр нужно передать в div через события onclick гиперссылок. Возникли затруднения.
Вот как выглядит
страница.
Помогите, пожалуйста.