2015-06-05 237 views
0

我在我的aspx頁面上有3個按鈕,當我點擊按鈕1時,我正在尋找與客戶端的「div和gridview」一起顯示button2和button3。顯示/隱藏按鈕的其他按鈕的點擊

這裏是代碼片段:

$("#<%= 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可見。有人請告訴我如何解決這個問題。

+0

你可以發佈你的CSS嗎?我的猜測是#divshow不隱藏jQuery如何指定「:hidden」選擇器:https://api.jquery.com/hidden-selector/ –

回答

0

而是使用小腳本使用綁定表達式:

$('#<%# 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; 
    } 
});