title: How to use rich:effect with a4j:support and reRender
body: <p>On my JSF-page, I'm showing some content based on the value of a checkbox. How can I attach an effect (like fading in and out) when this content is re-rendered? Is there an event like <code>onRender</code> or something?</p>
  <p>Here is what I got so far, but the effect is not showing:</p>
  <pre><code>&lt;t:selectBooleanCheckbox title=&quot;Yes&quot; label=&quot;Yes&quot; value=&quot;#{myBean.booleanValue}&quot;&gt;
     &lt;a4j:support ajaxSingle=&quot;true&quot; event=&quot;onchange&quot; reRender=&quot;panel&quot;/
  &lt;/t:selectBooleanCheckbox&gt;
  
  &lt;t:div id=&quot;panel&quot;&gt;
       &lt;rich:effect name=&quot;hideDiv&quot; for=&quot;myPanelGrid&quot; type=&quot;Opacity&quot; params=&quot;duration:0.8,from:1.0,to:0.1&quot;/&gt;
       &lt;rich:effect name=&quot;showDiv&quot; for=&quot;myPanelGrid&quot; type=&quot;Opacity&quot; params=&quot;duration:0.8,from:0.1,to:1.0&quot;/&gt;
     &lt;t:panelGrid columns=&quot;2&quot; rendered=&quot;#{myBean.booleanValue}&quot; id=&quot;myPanelGrid&quot;&gt;
  ...
  ...
  ...
     &lt;/t:panelGrid&gt;
  &lt;/t:div&gt;
  </code></pre>