title: How to keep select2 dropdown event open when clicking on another select2 dropdown
body: <p>I have multiple select2 dropdowns. Whenever the select2 dropdown is open, I want to add class to my div.</p>
  
  <p>For this I am using open and close event of select2. The below code works fine when you open a select2 dropdown and close it. But it does not work if you have a select2 dropdown open and click on another select2 dropdown. In that case it detects close event.</p>
  
  <pre><code>$('select').on('select2:open', function (e) {
      $('.a').addClass("header-index");
  });
  $('select').on('select2:close', function (e) {
      $('.a').removeClass("header-index");
  });
  </code></pre>
  
  <p>How do I make sure that when select2 dropdown is open and user tries to open another select2 dropdown then close event is not fired.</p>