function in jquery where one class have multiple elements dynamicaly generated
<p>I have search the previous question but couldn't find the answer.</p>

<p>Dynamically generated html:</p>

<pre><code>&lt;a class="finddiv" id="#div_0"&gt;date1&lt;/a&gt;
&lt;a class="finddiv" id="#div_1"&gt;date1&lt;/a&gt;
&lt;a class="finddiv" id="#div_2"&gt;date1&lt;/a&gt;
</code></pre>

<p>hidden div which i have to open- on cllick of above link:</p>

<pre><code>&lt;div id="div_0" style="display:none;"&gt;&lt;/div&gt;

&lt;div id="div_1" style="display:none;"&gt;&lt;/div&gt;

&lt;div id="div_2" style="display:none;"&gt;&lt;/div&gt;
</code></pre>

<p>I want to open the <code>div</code> with <code>id</code> <code>div_o</code> by clicking of anchor tag with class name <code>find</code>, I am using the following jquery:</p>

<pre><code>$(document).ready(function() {
    $('a.find').delegate(this, 'click', function() {
        var ids = $(this).attr('id');
        $(ids).slideToggle();
        return false;
    });
    return false;
});
</code></pre>

<p>But above function is running as many time as the number of elements in the class "find".
In above case 3 times. I just want to run the function once. I have also used "one", "live"
properties in jquery but nothing has happened. Since the content is dynamic I can not use the id attribute to call jquery function.</p>
