Jquery - How to have multiple toggle on one page?
<p>I'm new to Jquery and I was able to put together a simple toggle script. But I was disappointed to find out that it won't work with multiple toggles on one page.</p>

<p>I will potentially have up to 20 toggles. </p>

<ol>
<li><p>Is there a way to make this work
without creating a new click
function for each toggle? </p></li>
<li><p>Right now when you cursor over the
toggle trigger it doesn't turn into
a hand. How would I turn the cursor
into a hand?</p></li>
</ol>

<p><strong>Here is the code:</strong></p>

<pre><code>&lt;script src="http://code.jquery.com/jquery-1.5.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function() {
    $("#toggle-trigger").click(function() {
        $("#toggle-wrap").toggle('slow');
    });
});
&lt;/script&gt;

&lt;p&gt;&lt;a id="toggle-trigger"&gt;Click to toggle&lt;/a&gt;&lt;p&gt;
&lt;div id="toggle-wrap"&gt;
    &lt;div class="style-single"&gt;
        Random Text
    &lt;/div&gt;
&lt;/div&gt;


&lt;p&gt;&lt;a id="toggle-trigger"&gt;Click to toggle 2&lt;/a&gt;&lt;p&gt;
&lt;div id="toggle-wrap"&gt;
    &lt;div class="style-single"&gt;
        This doesn't work :(
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>
