How to determine with js that an element is active?

Question

css

Hello!

$(document).mouseup(function (e){ // событие клика по веб-документу
  var divmenu = $("#sidepanel"); // sidebar
  if (!divmenu.is(e.target) && divmenu.has(e.target).length === 0) { // если клик был не по нашему блоку и не по его дочерним элементам
    enableScroll();
    $('#sidepanel_btn').css("pointer-events", 'auto');
  }
});

This function listens for a click outside of the element (sidebar)
How can I make this function only fire when the sidebar is active/open? Otherwise, it catches click events, including when the sidebar is closed

Answer 1

$(document).mouseup(function (e){ // событие клика по веб-документу
  var divmenu = $("#sidepanel"); // sidebar

  if (!divmenu.is(e.target) && divmenu.has(e.target).length === 0 && divmenu.hasClass("active") ) { // если клик был не по нашему блоку и не по его дочерним элементам
    enableScroll();
    $('#sidepanel_btn').css("pointer-events", 'auto');
  }
});