html
<ul class="tab_list"> <li class="active"><a href="#"></a></li> <li><a haref="#"></a></li> <li><a haref="#"></a></li> </ul> <!-- tab content --> <div class="tab_content"> <div class="ac_content active"></div> <div class="ac_content"></div> <div class="ac_content"></div> </div>
js
function tab() { $('.tab_list li').click(function () { var num = $('.tab_list li').index(this); $('.ac_content').removeClass('active'); $('.ac_content').eq(num).addClass('active'); $('.tab_list li').removeClass('active'); $(this).addClass('active'); }); } tab();