Tengo un bloque de código html generado por la función PHP que se ejecuta mediante una solicitud ajax, y quiero agregar a este html un botón de alternar que cambiará varios campos en este bloque de IU (y también el texto dentro del botón sí mismo).

Mi idea era crear los nuevos campos dentro de la misma función PHP pero con display=none y tener una clase css para los campos, por ejemplo, .new para todos los campos nuevos y .old para los campos antiguos que no deberían aparecer, luego ocultar todos los campos .old y mostrar los nuevos (y viceversa) usando la función JS cuando se hace clic en el botón.

otro enfoque es construir otra función PHP similar para construir la nueva interfaz de usuario (aunque la mayoría de los elementos son similares) y el nuevo botón tendrá una función onclick que hace una llamada ajax para ejecutar la función PHP correspondiente.

No estoy seguro de cuál es el enfoque correcto en este caso, o si existe una solución más simple/mejor.

agradecería cualquier comentario. si se necesita cualquier información adicional hágamelo saber.