title: How to apply Primefaces effect when component is rendered
body: <p>i have drag panel and drop panel, and when component is dropped in the drop panel i show a new panel and hide the old panel based on render boolean attribute as follows:</p>
  
  <p><strong>1- xhtml:</strong></p>
  
  <pre><code>&lt;p:outputPanel id="oldPanel" rendered=#{myBean.old_panel_rendered}&gt; .... &lt;/p:outputPanel&gt;
  &lt;p:outputPanel id="newPanel" rendered=#{myBean.new_panel_rendered}&gt; .... &lt;/p:outputPanel&gt;
  </code></pre>
  
  <p><strong>2- bean:</strong></p>
  
  <pre><code>old_panel_rendered=true;
  new_panel_rendered=false;
  
  public void onComponentDrop(DragDropEvent ddEvent) { 
  
          old_panel_rendered=false;
          new_panel_rendered=true;
  
      }
  </code></pre>
  
  <p>how to execute an effect for newPanel when it gets rendered and execute an effect for oldPanel when it gets unrendered.</p>
  
  <p>please advise, thanks.</p>