Moving from scriptalicious to jquery, show/hide effect on link in asp.net repeater
<p>In my blog, I have a repeater, containing the actual blog and the comments to that blog. I use a show/hide effect on the comments with Scriptalicious now. But now I want to change it to Jquery. But I'm having some troubles. It seems like i have to declear a jquery script for each div that is going to have this effect?</p>

<p>This is the html where the link for showing/hiding the comments is today (with scriptalicious):</p>

<pre><code>&lt;a href="#" onclick="new Effect.Appear('i&lt;%# Eval("id") %&gt;', {duration: 1});return false;"&gt;Show comments (&lt;%# CountComments (DataBinder.Eval(Container, "DataItem.id")) %&gt;)&lt;/a&gt; | &lt;a href="#" onclick="new Effect.Fade('i&lt;%# Eval("id") %&gt;', {duration: 0.5});return false;"&gt;Hide comments&lt;/a&gt;
</code></pre>

<p>As you can see, I'm using: <code>onclick="new Effect.Fade('i&lt;%# Eval("id") %&gt;'</code> the new Effect.Fade, passing in the id.
Could someone please give me a hint on how I can do this with Jquery?</p>

<p><strong>UPDATE</strong>
Now it's working. I used the code from the accepted answer, and did some small adjustments. The link I use now looks like this:</p>

<pre><code>&lt;a href="javascript:void(0);" title="i&lt;%# Eval("id") %&gt;"&gt;Vis kommentarer (&lt;%# CountComments (DataBinder.Eval(Container, "DataItem.id")) %&gt;)&lt;/a&gt;
</code></pre>

<p>And there is a div that contains the comments, looks like this:</p>

<pre><code>&lt;div id="i&lt;%# Eval("id") %&gt;" style="display: none;"&gt;&lt;%# GetComments (DataBinder.Eval(Container, "DataItem.id")) %&gt;&lt;/div&gt;
</code></pre>

<p>And the Jquery function to do the magic:</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function () {
    $("a:contains('Vis kommentarer')").click(function () {
        $id = $(this).attr('title');
        $('#' + $id + '').show();
        return false;
    })
});
</code></pre>

<p></p>

<p>Thanks for the help! :)</p>
