Llevo tiempo tratando de solucionar este problema y no puedo. He preguntado en foros pero tampoco pueden. Espero que hoy sea el dia. Parece sencillo pero no lo es. Se trata de eliminar la llamada de una funcion cuando se ejecute otra funcion. La idea es que una funcion me imprima en la pantalla la palabra "uno" cuando le haga click al boton numero uno, y que me imprima "dos" cuando le haga click al boton numero dos, PERO, PERO, eliminando la llamada a la funcion anterior (esto para que no aparezca su contenido cuando se ejecute la otra funcion). Cabe mencionar que no quiero remover elementos o contenido, porque en mi codigo original, dentro de las funciones UNO y DOS hay muchiiiisimo codigo, muchisimos elementos y animaciones y funciones, y no me sirve remover elementos uno por uno (ademas que habrian funciones que no se podria remover)..Lo que yo quiero es desactivar la funcion por completo, que todo su contenido deje de ejecutarse y que en la pantalla no me imprima nada de esa funcion, como si no existiera (que esto pase cuando se ejecute otra funcion. Y que se vuelva a activar cuando le de click a su boton, y que se desactive la otra, asi sucesivamente). Mejor dicho: quiero remover la llamada a una funcion cuando ocurra un evento. Este es mi codigo base:
function UNO () {
$( 'body' ).prepend( 'uno' )
}
function DOS () {
$( 'body' ).prepend( 'dos' )
}
$( 'button:first' ).click( function ( ) {
UNO()
} )
$( 'button:last' ).click( function ( ) {
DOS()
} )
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button>uno</button>
<button>dos</button>