jsf - Primefaces commandButton not called when panel visibled

Question

i have some problem when calling commandButton in primefaces

here's my code

<h:form>
    <some component...>
         <p:ajax update="tipe" oncomplete="PF('tipePanel').show()"/>
    </some component...>
    <p:panel id="tipe" visible="false" rendered="true" widgetVar="tipePanel">                   
          <p:commandButton value="Add" 
                   actionListener="#{soal.addDetailForm()}" 
                   rendered="true" />  
    </p:panel>
</h:form>

The problem is the button can't be called when the panel is showed, but if i put the panel visible="true" from the start, the button can be called. Any idea why ?

And how should i make the button works when the panel is showed. Thanks