检查淡入/淡出状态

Question

我目前有2个按钮，它们使用jQuery的淡入淡出切换功能为页面切换叠加。我的问题是，如果用户依次点击两个按钮，则叠加层会以第一个切换精细的状态出现，但随后会被移除，而第二个则被删除，实际上该叠加层仍应位于fadedIn

上

我不知道该如何解决：

$( ".navbar-nav .dropdown-toggle" ).click(function() {
  $(".overlay").fadeToggle(150);
});

第二个按钮：

$( "#searchToggle, #mobileSearchToggle" ).click(function() {
  $('.search-bar').toggleClass( "open" );
  $('body').toggleClass("noScroll");
  $('.dropdown-menu').removeClass('show');
  $(".overlay").fadeToggle(150);
});

Answer 1

您可以检查元素是否可见：

Get-Substring