jquery – 更改标记上的类

jsfiddle在这里：http://jsfiddle.net/9u8Nc/

得到这个HTML代码：

<ul class="tags">
  <li> <a href="javascript:void(0)" class="tag">Aventure</a>
    <div class="user-info">
      <p><b>Aventure</b> <br>
        + 2.300 activités</p>
    </div>
  </li>
  <li> <a href="javascript:void(0)" class="tag">Famille</a>
    <div class="user-info">
      <p><b>Famille</b> <br>
        + 1.500 activités</p>
    </div>
  </li>
  <li> <a href="javascript:void(0)" class="tag">Gourmet</a>
    <div class="user-info">
      <p><b>Gourmet</b> <br>
        + 500 activités</p>
    </div>
  </li>
</ul>

当我点击一个我希望风格改变.

当我再次点击它时,我希望样式回来.

试试这个,但它不起作用.

$('.tag').click(function() {
    $(this).addClass('active');
});