Javascript 更改活动选项卡

我有html代码：

<ul class="tabs clearfix" style="margin:0px 5px;">
    <li class="" id="menu" class="active">
        <a href="#diagram" data-toggle="tab">Menu</a>
    </li>
    <li id="list">
        <a href="#month" data-toggle="tab">List</a>
    </li>
</ul>

因此，我编写了这段代码来更改它，它可以正常工作

---

但是当我更改它时，我看不到活动的选项卡内容。

没有人能帮助我？？？LJ_1102：谢谢。这是工作

function backBtn()
{
    var x = document.getElementById('list').className;
    if(x == 'active')
    {
        $("#list").removeClass('active');
        $("#menu").addClass('active');
    }
    else
    {
        alert('Exit');
    }
}