title: How to get element within accordion event in jQuery
body: <p>I am using the following script to detect click event so the accordion item expands and I need to get the <code>div</code> having class <code>.cellArrow</code>.</p>
  
  <p>Html</p>
  
  <pre><code>&lt;div class="cellArrow"&gt;&lt;/div&gt; 
  </code></pre>
  
  <p>JS</p>
  
  <pre><code> $("#accordionContainer").on("accordionbeforeactivate", function (event, ui) {
  
         var cellArrow = $(this).find(".cellArrow");
  };
  </code></pre>
  
  <p>The problem is that each section of accordion has this class so here I have the all <code>.cellArrow</code> classes.</p>
  
  <p><strong>My question is how to obtain the <code>&lt;div&gt;</code> exactly within a fireing accordion element?</strong></p>
  
  <p>Thank you!</p>
  
  <p>P.S. Here is HTML I have:</p>
  
  <pre><code>&lt;div id="accordionContainer"&gt;
      &lt;h3&gt;Item 1
          &lt;div class="cellArrow"&gt;&lt;/div&gt; 
      &lt;/h3&gt;
  
      &lt;div&gt;First content panel&lt;/div&gt;
  
      &lt;h3&gt;Item 2
          &lt;div class="cellArrow"&gt;&lt;/div&gt; 
      &lt;/h3&gt;
  
      &lt;div&gt;Second content panel&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>