tab切换

Jquery

  <div id="tab-title">
    <h3><span class="selected">最新评论</span><span>近期热评</span><span>随机文章</span></h3>
  </div>
  <div id="tab-content">
    <ul>
      <li>1234567890-1</li>
    </ul>
    <ul style="display:none;">
      <li>1234567890-2</li>
    </ul>
    <ul style="display:none;">
      <li>1234567890-3</li>
    </ul>
  </div>

//tab切换
$('#tab-title span').click(function(){ 
  $(this).addClass("current").siblings().removeClass();//removeClass就是删除当前其他类；只有当前对象有addClass("selected")；siblings()意思就是当前对象的同级元素，removeClass就是删除； 
  $("#tab-content > ul").hide().eq($('#tab-title span').index(this)).show(); 
}); 

转载：http://www.jb51.net/article/37438.htm

  //tab切换
  var $li = $('.tab-citys span');
      var $ul = $('.citys-list');
            
      $li.click(function(){
        var $this = $(this);
        var $t = $this.index();
        $li.removeClass();
        $this.addClass('current');
        $ul.css('display','none');
        $ul.eq($t).css('display','block');
      })