title: Show up a panel with slide effect when there is focus on specific input box
body: <p>I need to implement (vertical slide in) show effect on a output panel when there is a focus on a textbox. (Initially the outputPanel should not be visible on screen, but when there is a focus on the input box, the outputPanel must show up with a slide in effect.)</p>
  
  <pre><code>    &lt;p:inputTextarea&gt;
          &lt;p:effect event="focus" for="inputPanel" type="slide"/&gt;
      &lt;/p:inputTextarea&gt;
  
      &lt;p:outputPanel id="inputPanel" style="display: none;" &gt;
          ......
      &lt;/p:outputPanel&gt;
  </code></pre>
  
  <hr>
  
  <h1>Using:</h1>
  
  <p>Primefaces 3.0 M3 Snapshot<br/>
  JSF 2.0 with Facelets</p>