点击其他按钮上的显示/隐藏按钮答案

【问题标题】：Show/Hide button's on other button's click点击其他按钮上的显示/隐藏按钮
【发布时间】：2015-08-21 00:27:12
【问题描述】：

我的 aspx 页面上有 3 个按钮，当我单击按钮 1 时，我希望在客户端显示 button2 和 button3 以及“div 和 gridview”。

这里是sn-p的代码：

$("#<%= Button1.ClientID %>").click(function (e) {
    if ($("#divshow").is(":hidden")) {
        $("#<%=gvdetails.ClientID%>").show();
        $("#<%= Button2.ClientID %>").show();
        $("#<%= Button3.ClientID %>").show();

        $("#divshow").show();
        $("#divshow").addClass("scrollDiv");
        $("<%=gvdetails.ClientID%>").tablesorter();
        SetDefaultSortOrder();
        return false;
    } else {

        $("#<%=gvdetails.ClientID%>").hide();
        $("#<%= Button2.ClientID %>").hide();
        $("#<%= Button3.ClientID %>").hide();

        $("#divshow").removeClass("scrollDiv");
        $("#divshow").hide();
        return false;
    }
});

但我的 button2 和 3 在 button1 上不可见。有人请建议我如何解决这个问题。

【问题讨论】：

你能发布你的 CSS 吗？我的猜测是#divshow 并没有隐藏 jQuery 如何指定 ":hidden" 选择器：api.jquery.com/hidden-selector

标签： javascript jquery html asp.net

【解决方案1】：

不要使用scriptlet，而是使用绑定表达式：

$('#<%# Button1.ClientID %>')

您可以使用链接。所以试试这个：

$("#<%# Button1.ClientID %>").click(function (e) {
    var $divShow = $('#divShow');
    if ($divShow.is(":hidden")) {
        $("#<%# gvdetails.ClientID%>, #<%# Button2.ClientID %>,#<%# Button3.ClientID %> ").show();

        $divShow
            .show();
            .addClass("scrollDiv");
        $("<%# gvdetails.ClientID%>").tablesorter();
        SetDefaultSortOrder();
        return false;
    } else {
        $("#<%# gvdetails.ClientID%>,#<%# Button2.ClientID %>,#<%# Button3.ClientID %>").hide();

        $divShow
            .removeClass("scrollDiv");
            .hide();
        return false;
    }
});

【讨论】：