jQuery всплывающее окно открывается только при втором нажатии

Question

/* action dropdown*/
jQuery(document).ready(function(){
  jQuery(".action-toggler").click(function(ev){
    jQuery(this).children(".action-dropdown").toggle();
    ev.stopPropagation();
  });
		
  jQuery("body").click(function(){
    jQuery(".action-dropdown").hide();
  });
});

/* modle-popup*/
jQuery(document).ready(function(){
  jQuery(".popup-button").click(function(){
    event.preventDefault();
    jQuery("body").addClass("sitemodal-open");
    jQuery(".sitemodal").addClass("in");
  });

  jQuery('.sitemodal .sitemodal-dialog').click(function($){
    $.stopPropagation();
  });

  jQuery(".close-popup ,.sitemodal").click(function(){
    jQuery("body").removeClass("sitemodal-open");
    jQuery(".sitemodal").removeClass("in");
  });
});

У меня есть раскрывающееся меню, в котором содержится опция «удалить», при нажатии на которое появляется всплывающее окно

проблема, с которой я сталкиваюсь Имеется в том, что когда нажата опция «удалить», ничего не происходит в первый раз, но при щелчке во второй раз появляется всплывающее окно

пытался вызвать выпадающее окно из «всплывающей модели», но не работало

trid, чтобы удалить всплывающее окно за пределами </ul>, но не сработало

Не могли бы вы дать мне подсказку, или я ошибаюсь, по крайней мере,

удалено некоторый несвязанный код, который будет легче читать