jQuery网页选项卡效果

网页选项卡效果，当用户点击不同标题，切换到不同的内容

点击其它选项卡时，标题处于高亮状态，下面内容切换到对应的内容，并将原来的标题的高亮效果取消

 

内容代码：

<div class="tab">
    <div class="tab_menu">
        <ul>
            <li class="selected">时事</li>
            <li>体育</li>
            <li>娱乐</li>
        </ul>
    </div>
    <div class="tab_box"> 
         <div>时事</div>
         <div class="hide">体育</div>
         <div class="hide">娱乐</div>
    </div>
</div>