.on with toggle jQuery
<p>I am using the function toggle with divs that are dynamically inserted, only instead of running only the specific element, the toggle execute all div content.</p>

<p>HTML: </p>

<pre><code>&lt;div style="text-align: center;"&gt;
    &lt;p class="button-style add-comment"&gt;&lt;a href="#"&gt;Add Comment&lt;/a&gt;&lt;/p&gt;
    &lt;div class="insert-comment" style="display: none;"&gt;
        &lt;textarea rows="8" cols="50" class="insert-comment-text"&gt;&lt;/textarea&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>jQuery:</p>

<pre><code>$(document).on('click', '.add-comment', function(e){
    $(".insert-comment").toggle(); 
});
</code></pre>

<p>How do I open just a specific div and not all?</p>
