title: open and close richfaces modal panel with jQuery
body: <p>I use richfaces in a project, and for some need I have to display a popup after a click on a div.
  How to open and close richfaces modal panel with jQuery?</p>
  
  <p>panel.jsp: </p>
  
  <pre><code>&lt;rich:modalPanel id="controlWorkflowEditor" width="430"
      trimOverlayedElements="false" resizeable="false" autosized="true"&gt;
      &lt;f:facet name="header"&gt;
          &lt;h:panelGroup&gt;
              &lt;h:outputText value="#{bpmnEditorLocal['choisirUnWorkflow']}"&gt;
              &lt;/h:outputText&gt;
          &lt;/h:panelGroup&gt;
      &lt;/f:facet&gt;
  
      &lt;h:form id="controlWorkflow"&gt;
          &lt;h:panelGroup id="controlGroupPanelId"&gt;
              &lt;table&gt;
                  &lt;!--  ######### WORKFLOW CONTROL EDITOR  ############ --&gt;
                  &lt;tr&gt;
                      &lt;td&gt;&lt;h:outputLabel value="#{bpmnEditorLocal['workflow']} *" /&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
          &lt;/h:panelGroup&gt;
          &lt;br /&gt;
          &lt;br /&gt;
      &lt;/h:form&gt;
  &lt;/rich:modalPanel&gt; 
  </code></pre>