Показать сообщение отдельно
  #4 (permalink)  
Старый 23.12.2010, 06:39
Аватар для x-yuri
Отправить личное сообщение для x-yuri Посмотреть профиль Найти все сообщения от x-yuri
 
Регистрация: 27.12.2008
Сообщений: 4,201

лучше делать так:

<!DOCTYPE HTML>
<html>
  <head>   
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
  </head>
  <body>

<ul class="tabs">
    <li><a href="#">PHOTOS</a>
    <li><a href="#">NEWS</a>
</ul>
<div class="contents">
    <a id="link1" href="#">ссылка 1</a>
</div>
<div class="contents"> 
    <a id="link2" href="#">ссылка 2</a>
</div>

<script type="text/javascript">
$('.contents:gt(0)').css('display', 'none');

$('.tabs').click(function( e ){
    var links = $('.tabs a');
    var found;
    for( var i=0; i<links.length; i++ )
        if( e.target == links[i] ){
            found = true;
            break;
        }
    if( found ){
        $('.contents').css('display', 'none');
        $('.contents:eq('+i+')').css('display', '');
    }
});

$('#link1').click(function(){
    alert('ссылка 1');
});

$('#link2').click(function(){
    alert('ссылка 2');
});
</script>

  </body>
</html>
Ответить с цитированием