Jsf reenderizar atraves de um clik no a4j:commandButton

Front-end
#1

Olá
pessoal
o default dessa minha página é o seguinte : quando a página for instanciada pela primeira vez, o codigo2 não é exibido, isso ja acontece quando {gerenciamentoReservasBean.checkshowcartoes == 1}, porem quando eu click no botão que se encontra no codigo1 ele deve mostrar o conteudo do codigo2 no jsp, mais não pode fazer um submit da página para atuliazação do propertie gerenciamentoReservasBean.checkshowcartoes == 1, teria ser algo que nao faça submit da página.
Alguem poderia me ajudar a fazer isso?
Estou com jsf 1.

Grato

Silva

codigo1

 <a4j:commandButton value="pagamento" id="bt3"
                        style="cursor:pointer;FONT-WEIGHT:bold;FONT-SIZE:9px;"
                        action="#{gerenciamentoReservasBean.atualizashowpagamento}" 
                        reRender="cartoescreditos"/>

codigo2

 <a4j:outputPanel id="cartoescreditos" rendered="#{gerenciamentoReservasBean.checkshowcartoes == 1}" >
              <h:panelGrid id="opcoesdepagamento" cellspacing="1" cellpadding="0"  width="595"    >
              <table width="595" border="0" cellspacing="0" cellpadding="5" style="border:#CEE8CE" >
               <tr>
                        <td>
                          <h3 align="left">OPÇÕES DE PAGAMENTO</h3>
                        </td>
               </tr>
              </table>

               <h:panelGrid columns="2" cellspacing="1" cellpadding="0"  width="595"     >
                            <h:selectOneMenu id="opcoespgto" value="#{gerenciamentoReservasBean.opcoespgto}" >
                                <f:selectItems value="#{gerenciamentoReservasBean.listaOpcoesPgto}" />
                            </h:selectOneMenu>
                            <h:panelGrid columns="1" id="parcelas" columnClasses="textoEsquerda" style="border: 1px solid rgb(204, 204, 204);" >
                               <h:outputText columnClasses="textoEsquerda">Combo2 Número de parcelas</h:outputText>
                            </h:panelGrid>
               </h:panelGrid>
               <br/>
                
                    <h:panelGrid id="condicoespagamento" columns="1"  >
                              <h:panelGrid columns="5"  cellspacing="1" cellpadding="0"  width="170" >
                                    <h:graphicImage value="/resources/images/cartao_american.gif"  width="30" height="19"/>
                                    <h:graphicImage value="/resources/images/cartao_dinners.gif"  width="30" height="19"/>
                                    <h:graphicImage value="/resources/images/cartao_master.gif"  width="30" height="19"/>
                                    <h:graphicImage value="/resources/images/cartao_visa.gif"  width="30" height="19"/>
                                    <h:graphicImage value="/resources/images/cartao_hipercard.gif"  width="30" height="19"/>
                               </h:panelGrid>
                               <h:panelGrid columns="5" id="radios_pgto"  cellspacing="1" cellpadding="0"  width="240" >
                                    <h:selectOneRadio value="#{gerenciamentoReservasBean.radio_cartao}">
                                        <f:selectItem itemValue="0" style="width: 170;"  itemLabel="      "   width="170" />
                                        <f:selectItem itemValue="1" style="width: 170;"  itemLabel="      "   width="170" />
                                        <f:selectItem itemValue="2" style="width: 170;"  itemLabel="      "   width="170" />
                                        <f:selectItem itemValue="3" style="width: 170;"  itemLabel="      "   width="170" />
                                        <f:selectItem itemValue="4" style="width: 170;"  itemLabel="      "   width="170" />
                                    </h:selectOneRadio>
                              </h:panelGrid>
                   </h:panelGrid> 
                </h:panelGrid>
              </a4j:outputPanel>
#2