Managing active state

Question

<ul>
    <li><a href="#">item 1</a></li>
    <li><a href="#">item 2</a></li>
    <li><a href="#">item 3</a></li>
</ul>

On click, I'd like to addclass active to the parent li element while also removing the active class from any other element which may be active already.

Answer 1

$("li a").click( function() {
  $(".active").removeClass("active");
  $(this).parent("li").addClass("active");
});

Answer 2

$('div.filter').delegate('a', 'click', function (event) {
  var theLi = $(this).closest('li');

  theLi.siblings('.active:first').removeClass('active');
  theLi.addClass('active');

  $('ul.items li').hide().filter('.' + this.href.slice(this.href.indexOf("#") + 1)).show();

  event.preventDefault();
});