Qual é o componente richfaces? View Source/Hide

Front-end
#1

http://livedemo.exadel.com/richfaces-demo/richfaces/tabPanel.jsf
Nesta pagina tem um componente ou um comportamento que faz o seguinte:

Quando click no link View Source ele abre um painel embaixo… Quando click no link Hide ele oculta o panel
Alguém sabe qual é esse componente?

#2

Kra, eu ñ testei esse código:

<h:outputLink value="#">Show</h:outputLink>
<rich:panel id="code">
  <!-- O código fonte q vc quer mostra vem aqui -->
</rich:panel>
<rich:effect name="showCode" for="code" type="BlindDown" />
<rich:effect name="hideCode" for="code" type="BlindUp" />
<script type="javascript">
<![CDATA[
  var codeStatus = 0; // 0 p/ oculto e 1 p/ visível.
  function toggleCode(link) {
    switch (codeStatus) {
      case 0:
        showCode();
        link.text = "Hide";
        codeStatus = 1;
        break;

     case 1:
       hideCode();
       link.text = "Show";
       codeStatus = 0;
       break;
    }
  }
]]>
</script>

Eu ñ sou exatamente “brilhante” no javascript então podem haver alguns erros ai e precisem ser corrigidos. O uso de jQuery tb pode ajudar um pouco, embora seja típicamente trabalhoso de usar jQuery em scripts em projetos q usam RichFaces.

#3