Renderizar componentes entre itens do h:selectOneRadio

Front-end
#1

Olá pessoal boa tarde, tenho uma duvida:
Como coloco componentes entre os itens de um h:selectOneRadio? gostaria que quando clicasse em alguma dos radios fosse renderizado um campo logo abaixo da opção escolhida como mostrado no código abaixo porém todos estão sendo renderizados acima do h:selectOneRadio:

<rich:panel id="idPanel" style="width: 700px;">
   <h:selectOneRadio value="#{user.favColor1}">
        <f:selectItem itemValue="Red" itemLabel="Color1 - Red" />
             <h:outputText value=" Teste Red" rendered="user.corSelecionadaRed" />
        <f:selectItem itemValue="Green" itemLabel="Color1 - Green" />
             <h:outputText value=" Teste Green" rendered="user.corSelecionadaGreen" />
        <f:selectItem itemValue="Blue" itemLabel="Color1 - Blue" />
             <h:outputText value=" Teste Blue" rendered="user.corSelecionadaBlue" />

        <a4j:support event="onclick" ajaxSingle="true" reRender="idPanel" />
    </h:selectOneRadio>
</rich:panel>

Agradeço a todos desde já.

#2

Veja se esse post te ajuda: JSF Exemplos Simples com Ajax.

#3

Obrigado pelo post Hebert, mas meu problema não é renderização e sim a posição do elemento logo abaixo do radioButton selecionado, nesse exemplo ele renderiza normalmente porém acima de todos os elementos do h:selectOneRadio.
Dei uma atualizada no código pra ver melhor, estou utilizando a4j:support pra renderização no clique do radio.

#4