CommandButton inactivo después de renderizar ajax

Tengo un problema con estos dos botones de comando: Unirse y Salir.

Quiero ocultar Unirme si hago clic en salir y viceversa.

Cuando pongo ajax en falso, no hay problema (pero toda la página se actualiza y no encuentro esto óptimo).

Pero cuando ajax attribut está activado con una actualización específica (ver comentario en el código), el renderizado es bueno, pero el nuevo botón que aparece aparece inactivo. Si hago clic en él, no ocurre nada (bueno, parece que el activador ActionListener se activa pero la vista no se actualiza, tengo que actualizar manualmente para ver la diferencia)

Gracias por leer.

<h:form id="formWaitingList" rendered="#{connexion.connected}" >
    <p:commandButton id="Join"  
                    actionListener = "#{connexion.joinWaitingList()}"
                    rendered="#{!connexion.waiting}"
                    ajax="false"
               <!-- ajax="true"
                    update="Join,Leave"-->
                    value="Join"/>

   <p:commandButton id="Leave" 
                    value="Leave"
                    ajax="false"
               <!-- ajax="true"
                    udpate="Join,Leave"-->
                    rendered="#{connexion.waiting}"
                    actionListener ="#{connexion.leaveWaitingList()}" />
</h:form>

Respuestas a la pregunta(1)

Su respuesta a la pregunta