Javascript-форум - Показать сообщение отдельно - jquery

DjDiablo · #6 (**permalink**) 12.10.2011, 00:17

Рабочий для ajax.

<html>
  <HEAD>
      <script src="http://yandex.st/jquery/1.6.4/jquery.min.js"></script>
      <STYLE type="text/css">
       <!--
       .activeClass{
          color:blue;   
          font-size: 20pt;
       }
  -->
  </STYLE>

  </HEAD>
<body>

<ul class="artmenu">
                        <li><a " href="#" ><span><span>Новости</span></span></a></li>
                        <li><a href="#" ><span><span>Статьи</span></span></a>
                      </li>
                        <li><a href="#"><span><span>Исходники</span></span></a></li>
                        
                                    </li>
                        <li><a href="#"><span><span>FAQ</span></span></a></li>
                      <li><a href="#"><span><span>Гостевая книга</span></span></a></li>
                      <li><a href="#"><span><span>Обратная связь</span></span></a></li>
				    </ul>

<script type="text/javascript">
// вешаем на каждую ссылку внутри .menu обработчик

$(".artmenu").find("a").click(function(){
  // удаляем у старого элемента, класс   activeClass    
  $(".artmenu .activeClass").removeClass("activeClass");
  // добавляем к ссылки по которой щёлкнули класс activeClass
  $(this).addClass("activeClass");
});

</script>

</body>
</html>

Ссылки на страницы я заменил на #, чтобы не происходил переход, иначе бы демо не работало.