Мне нужно сделать так, чтобы при нажатии на определенную вкладку, появлялась ссылка, при нажатии на которую появляется сообщение. Для обработки нажатия и на вкладку, и на ссылку использую .click(). Для ссылок не работает.
Возможно ли вообще делать обработку нажатия мышью для обоих кликом? Или это совсем ни в какие ворота не лезет?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
function load()
{
//табы
$('ul.tabs a').click(function ()
{
$('ul.tabs a').removeClass('selected');
$('#header a').removeClass('sel');
$(this).addClass('selected');
if($(".selected").attr('id')=='tab_photos')
$('#header').html('<a id="collections" href="javascript:void(null);">COLLECTIONS</a>');
if($(".selected").attr('id')=='tab_news')
$('#header').html('<a id="galleries" href="javascript:void(null);">GALLERIES</a>');
});
//ссылки
$('#header a').click(function()
{
$('#header a').removeClass('sel');
$(this).addClass('sel');
if($(".sel").attr('id')=='collections')
alert('collections');
else
alert('galleries');
});
}
</script>
</head>
<body onload="load();">
<div id="gadget">
<ul class="tabs">
<li><a id="tab_photos" href="javascript:void(null);">PHOTOS</a></li>
<li><a id="tab_news" href="javascript:void(null);">NEWS</a></li>
</ul>
<div id="header">
HEADER
</div>
</div>
</body>
</html>