title: jQuery function when one list item has the active class, I want all other list items to automatically not have the active class ?
body: <p>My webpage is at <a href="http://www.sarahjanetrading.com/js/status" rel="nofollow">http://www.sarahjanetrading.com/js/status</a></p>
  
  <p>All the HTML, CSS and jQuery code + images are available there for anyone to access.</p>
  
  <p>My issue is that currently the jQuery code I have only makes the active states toggle in the list items. What I want is that one list item becomes active(active class) when clicked, all others must have the active class removed.</p>
  
  <p>Thanks</p>