jquery通過#id更新但不（（this））元素

Question

我需要隱藏兩個按鈕後點擊第一個，但我不能實現它。第一個將失望，但第二個仍然顯示。有人可以告訴我如何正確地做到這一點？由於

<p:outputPanel id="ulozitPristupyBtnWrapper"> 
     <p:commandButton type="button" id="ulozitPristupyBtn" value="Uložiť prístupy" rendered="#{userControlBean.editAccess}" 
      disabled="#{accessTreeBean.readOnlySystems}" styleClass="idm-gap-top" onclick="jQuery(this).parent().hide(); jQuery('#panelGridPotvrdit').hide();" /> 
</p:outputPanel> 

<p:panelGrid id="panelGridPotvrdit" columns="2" > 
     <p:outputLabel for="cisloPoziadavky" value="Zadajte číslo požiadavky(ServiceDesk):" /> 
     <p:inputText id="cisloPoziadavky" value="#{accessTreeBean.numberOfRequest}" /> 
     <p:commandButton id="potvrditBtn" action="#{accessTreeBean.onUlozitPristupy}" value="Potvrdiť" update="#{cc.attrs.update}" styleClass="idm-gap-top"/> 
</p:panelGrid> 

Answer 1

爲此，您可以使用jQuery的淡入（）和淡出（）：

$(".button").on("click", function(){ 
    $(".button").fadeOut(); 
    $("#message").fadeIn(); 
}); 

$("#reappear").on("click", function(){ 
    $("#message").fadeOut(); 
    $(".button").fadeIn(); 
}); 

一個非常普遍的小提琴這裏：http://jsfiddle.net/f2nww7ns/1/