20 mar 2009

Kolorowanie listowania

<script>
  $().ready(function () {
    var $a = $('.menu a');
    $a.click(function () {
      $a.removeClass('setm');
      $(this).addClass('setm');
    });
    $('.menu a:first').addClass('setm');
  });
</script>

<style>
  .setm {
    background-color: red;
  }
</style>

<div class="menu">
  <ul>
    <li><a href="#1" title="pierwsze">pierwsze</a></li>
    <li><a href="#2" title="drugie">drugie</a></li>
    <li><a href="#3" title="trzecie">trzecie</a></li>
  </ul>
</div>