Question

<div class="tabs">
<ul>
  <li class="active"><span class="l"></span><a href="#">Standard Class</a><span class="r"> </span></li>
<li><span class="l"></span><a href="#">Bussiness Class</a><span class="r"></span></li>
<li><span class="l"></span><a href="#">Premium</a><span class="r"></span></li>

and how to I take off the class active off the non selected one and put it on the selected one with jQuery

Answer 1

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

and for the text of the active:

$('.tabs .active a').text();