jquery - 特定のタブが選択されているときにasp.netボタンを非表示にするjquery

Question

タブのセットアップと asp ボタンを含むページがあります。

<div id="tabs" style="width:700; height:1000">
    <ul>
    <li><a href="#tabs-1">Referral</a></li>
    <li><a href="#tabs-2">Details</a></li>
    <li><a href="#tabs-3">Other</a></li>
    </ul>
    <div id="tabs-1"></div>
    <div id="tabs-2"></div>
    <div id="tabs-3"></div>
    <asp:Button ID="btnMainSave" runat="server" Text="Save" />    
</div>

tabs-3 が選択されている場合、ボタンを非表示にしますが、最初の 2 つのタブは表示します。私が初心者であることを念頭に置いてjquery baringを使用してこれを達成するにはどうすればよいですか。次のコードを試しましたが、うまくいきませんでした。

<script type="text/javascript" >
$(function () {
    $('#tabs, #tabs-3').tabs({
        active: function (event, ui) {
            $("#btnMainSave").hide();
        }
    });
});
</script>

どんな助けでも大歓迎です。ありがとう

ロブ