Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/08/2020, 14:28
Avatar de katanaweb
katanaweb
 
Fecha de Ingreso: marzo-2014
Ubicación: Argentina
Mensajes: 18
Antigüedad: 10 años, 1 mes
Puntos: 0
Sonrisa Problema con Toggle()

Estimados, tengo un problema usando la función toggle() de jQuery, lo estoy usando de esta forma:

Código Javascript:
Ver original
  1. // fix for use editable cell on clickleable row
  2. $(".table-responsive a").click(function (event) {
  3.     event.stopPropagation();
  4. });
  5.  
  6. // Click dropdown on rows
  7. $(".dropdown-results-cell-options").click(function() {
  8.     $('.row-option-dropdown-menu').hide()
  9.     $(this).parent().parent().find('.row-option-dropdown-menu').toggle();
  10. });
  11.  
  12. // Hide dropdown when user click outside
  13. $(window).click(function() {
  14.     $('.row-option-dropdown-menu').hide();
  15. });
  16.  
  17. // Keymap
  18. $(document).keyup(function(e) {
  19.     if (e.which == 27) {
  20.         $('.row-option-dropdown-menu').hide();   // esc
  21.     }
  22. });

Específicamente en esta parte:

Código Javascript:
Ver original
  1. $(this).parent().parent().find('.row-option-dropdown-menu').toggle();

Cuando hago por primera vez, funciona y agrega el "display:block" el problema, es que al volver a hacer click, no cambia a "display:none", pueden ver el error?

Saludos.

Última edición por katanaweb; 17/08/2020 a las 14:29 Razón: error en highlight