Select the first element with class name inside the same parent
<p>I have some elements with the same class name like this:</p>

<pre><code>&lt;h4 class="topic-header"&gt;header name&lt;/h4&gt;
&lt;div class="topic-text"&gt;
   some text...
&lt;/div&gt;
&lt;h4 class="topic-header"&gt;header name&lt;/h4&gt;
&lt;div class="topic-text"&gt;
    some text...
&lt;/div&gt;
&lt;h4 class="topic-header"&gt;header name&lt;/h4&gt;
&lt;div class="topic-text"&gt;
    some text
&lt;/div&gt;
</code></pre>

<p>Now i want to select the lower upcoming div after on a header is clicked. How to do that? </p>