No puedo entender cómo usar intro.js en elementos desplegables.

Encontré una pregunta similar sin respuesta allí:El menú IntroJS Bootstrap no funciona

Si desea reproducir el error, siga estos pasos:

http://recherche.utilitaire.melard.fr/#/carto

Tienes que hacer clic en "Ayuda" (el botón verde en la parte superior derecha), el problema se produce para el segundo paso. en el evento de cambio, hago:

$scope.ChangeEvent = function (e) { 
    if (e.id === 'step2') {
        document.getElementById('step1').click();
    } 
    console.log("Change Event called"); 
};

Al depurar, todo funciona de maravilla hasta que finaliza esa función: _showElement Después de eso, me pierdo en los eventos de JQuery y el menú desplegable se cierra ...

Si desea reproducir, simplemente agregue un punto de interrupción al final de la función _showElement y comprenderá lo que quiero decir ...