title: How to get event caller from listener function in jQuery
body: <p>I'm trying to get the <code>caller element</code> from inside of an event listener function of <code>jQuery</code> using <code>Bootstrap3</code>.</p>
  <p>Code:</p>
  <pre><code>jQuery(MoreOptionsCollapse).on('show.bs.collapse', function(event){
      console.log(this, event, event.target);
  });
  </code></pre>
  <p>Console:
  <a href="https://i.stack.imgur.com/aCjY4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aCjY4.png" alt="enter image description here" /></a></p>
  <p>The problem is that <code>this</code> and <code>event.target</code> are the <code>MoreOptionsCollapse</code> element and what I want is the button that triggered the <code>show.bs.collapse</code> event.</p>
  <p>Any help would be appreciated c:</p>