Supongamos que tengo un documento web con contenido alternativo, es decir, si se cumple alguna condición, debería mostrar el contenido A, y si no se cumple la condición, debería mostrar el contenido B. Eso es fácil de implementar: envuelvo cada contenido con una etiqueta <div>, configurando su estilo para mostrar: ninguno, y tener algún código JS que cambie uno de ellos para que se muestre de acuerdo con la condición.

Pero supongamos que el contenido A y el contenido B no son simplemente html. Cada uno de ellos contiene etiquetas <script>. Quiero que estos scripts estén en efecto solo si se muestra el contenido correspondiente, es decir, si se cumple mi condición, quiero que todos los <script> en el contenido A estén en efecto, y todos los <script> en el contenido B para ser ignorado, y viceversa.

En realidad hay dos preguntas aquí. En primer lugar, quiero que los <script> en (digamos) el contenido A se compilen (y ejecuten) solo cuando se lo indique, es decir, después de que decida que mi condición es verdadera. En segundo lugar, cuando la condición se vuelve falsa, quiero que todas las funciones definidas en estos scripts no estén definidas y, en lugar de ellas, necesito compilar y ejecutar todos los scripts en el contenido B (la condición puede volver a ser verdadera más tarde y luego falsa otra vez, y así sucesivamente).

¿Cómo puedo hacerlo?