如何在不单击选项卡的情况下使用JavaScript或jQuery更改选项卡？

Question

当用户点击第一个标签内的某个元素时，我需要更改活动标签。我点击该元素调用javascript函数。我正在尝试将当前标签设置为无效并使其他标签处于活动状态。

这是我的HTML：

<ul class="tabs">
    <li class="tab-link current" data-tab="tab-1">Trial Balance</li>
    <li class="tab-link" data-tab="tab-2">Ledgers</li>
</ul>

<div id="tab-1" class="tab-content current">
     <span onclick="ShowNodeDetails(2,19,this);"> Loans (Liabillity)</span>         
</div>

<div id="tab-2" class="tab-content">
    //tab 2 content
</div>