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的fadeIn（）和fadeOut（）执行此操作：

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

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

这里有一个非常普通的小提琴：http://jsfiddle.net/f2nww7ns/1/

jquery由#id更新但不是（this）元素

1 个答案: