jquery - 非表示/非アクティブなjquery uiタブをアンロードするには?

Question

asp.net mvc Web アプリケーションで Jquery UI タブを使用しています。

私は合計6つのタブを持っています。各タブには、ユーザー コントロールが含まれています。

次のように ajax を使用して、コンテンツを各タブに動的にロードしています。

 <div id="tabs" style="clear: both" align="center">
        <ul>
            <li><a href="<%:Url.Action("AddControl","App",new {id=Model.ID}) %>">
                <span>Tab </span></a></li>
            <li><a href="<%:Url.Action("Control","App",new {id=1,data=Model.ID}) %>">
                <span>Tab1</span></a></li>
            <li><a href="<%:Url.Action("Control","App",new {id=2,data=Model.ID}) %>">
                <span>Tab2</span></a></li>
            <li><a href="<%:Url.Action("Control","App",new {id=3,data=Model.ID}) %>">
                <span>Tab3</span></a></li>
            <li><a href="<%:Url.Action("Control","App",new {id=4,data=Model.ID}) %>">
                <span>Tab4</span></a></li>
            <li><a href="<%:Url.Action("Control","App",new {id=5,data=Model.ID})%>">
                <span>Tab5</span></a></li>
        </ul>
        <div id="tab1">
        </div>
        <div id="tab2" >
        </div>
        <div id="tab3" >
        </div>
        <div id="tab4" >
        </div>
        <div id="tab5" >
        </div>
        <div id="tab6">
        </div>
    </div>

ご覧のとおり、タブ 2 からタブ 6 には同じユーザー コントロールが含まれています。クリックされたタブに基づいてデータがロードされます。

ここで、私の問題は、タブが読み込まれ、別のタブをクリックすると、他のタブの内容が非表示になることです。

同じユーザー コントロールを使用しているため、いくつかの問題に直面しています。

だから、非表示のタブからコンテンツを削除したい（アクティブではない）

助けてください..