jquery.setCurrentClassOnEvent.js

jquery.setCurrentClassOnEvent.js

// For a group of elements, sets 'className' on an element when 'evt'
// is triggered, and removes 'className' from all it's
// siblings. Useful for highlighting a selection within a list of
// choices.
//
// $('ul#my_list li').setCurrentClassOnEvent('click', 'current');
// <ul id="my_list">
//   <li class="current">Chocolate</li> <!-- click adds 'current' class -->
//   <li>Vanilla<li>
//   <li>Strawberry</li>
// </ul>
jQuery.fn.setCurrentClassOnEvent = function(evt, className) {
  if (className === undefined) {
    className = 'current';
  }
  this.live(evt, function() {
    var that = $(this);
    that.siblings().removeClass(className);
    that.addClass(className);
  });
}