Finding First Img Within HTML Accordion
<p>I'm trying to target the first image in each accordion group. I've included an example of one of them.</p>

<pre><code>&lt;div class="accordion-heading"&gt;
          &lt;a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseSix"&gt;All Videos&lt;/a&gt;
&lt;/div&gt;
     &lt;div id="collapseSix" class="accordion-body collapse"&gt;


          &lt;div id="video-scroll6" class="accordion-inner"&gt;
             &lt;div style="width: 3080px;"&gt;

               &lt;img src="demo.jpg" data-video="1" /&gt;
               &lt;img src="demo.jpg" data-video="2" /&gt;

            &lt;/div&gt;
        &lt;/div&gt;
     &lt;/div&gt;
</code></pre>

<p>This is what I've tried with no luck so far...</p>

<pre><code>$(".accordion-heading").click(function () {

    $(this).find(".accordion-inner div img").first().attr('data-video');

});
</code></pre>
