使用jQuery在Primefaces中隐藏panelGrid

我有这个代码，我想在单击cancelBtn按钮时隐藏panelGrid

<h:form id="panelSend">
        <p:growl />

        <h:panelGrid rendered="#{writeMessageBean.activateText}" id="panelGrid">
           <p:outputLabel value="header" />
           <p:inputText value="#{writeMessageBean.header}" />
           <p:outputLabel/>
           <p:inputTextarea value="#{writeMessageBean.text}" required="true"/>

           <p:commandButton value="send" action="#{writeMessageBean.send}"  
           <p:commandButton id="cancelBtn" value="cancel" />


        </h:panelGrid>

  </h:form>

这不管用。我尝试了更多的可能性，但总是一样的。我该怎么办？

试试这个：

---

假设bean中有一个成员activateText。

是的，我已经有了，但是我想隐藏panelgrid而不调用服务器。

$(document).ready(function (){

        $("#panelSend\\:#panelGrid\\:#cancelBtn").click(function (){
            $("#panelSend\\:#panelGrid").hide();

         });
    });

<p:commandButton id="cancelBtn" value="cancel" action="#{writeMessageBean.hidePanelGrid}" update="panelGrid" ajax="false" >

 public void hidePanelGrid() {
    activateText = false;
 }