Mantener abierto el menú desplegable de Bootstrap cuando se hace clic en el interior

Hacemos una verificación completa cada escrito en nuestra web con el objetivo de mostrarte siempre información certera y actualizada.

Solución:

Puede usar el siguiente JavaScript para abrir y cerrar manualmente el menú desplegable:

$(function() 

  $('.dropdown-toggle').on('click', function(event) 
    $('.dropdown-menu').slideToggle();
    event.stopPropagation();
  );

  $('.dropdown-menu').on('click', function(event) 
    event.stopPropagation();
  );

  $(window).on('click', function() 
    $('.dropdown-menu').slideUp();
  );

);

Demostración en StackSnippets

$(function() 

  $('.dropdown-toggle').on('click', function(event) 
    $('.dropdown-menu').slideToggle();
    event.stopPropagation();
  );

  $('.dropdown-menu').on('click', function(event) 
    event.stopPropagation();
  );

  $(window).on('click', function() 
    $('.dropdown-menu').slideUp();
  );

);

Desde la pregunta Evitar cerrar el menú desplegable al hacer clic en el interior, simplemente puede detener la propagación desde el interior del menú desplegable de esta manera:

$(document).on('click', '.allow-focus .dropdown-menu', function (e) 
  e.stopPropagation();
);

Demostración en fragmentos de pila

$(document).on('click', '.allow-focus .dropdown-menu', function (e) 
  e.stopPropagation();
);

  
    Dropdown trigger
    
  
  

    

      What's Your Name?
      
    
  

NOTA: Para resolver el opuesto problema (de mantener abierto Hasta que hizo clic), puede consultar:

Mantener abierto el menú desplegable de Bootstrap cuando se hace clic Apagado

No se te olvide compartir esta división si te fue útil.

---

---

Utiliza Nuestro Buscador