jQuery toggle nested ul from a link in parent li
<p>This should be simple, but I can't get it to work when the 'trigger' is an anchor inside the li. I want the anchor, when clicked to toggle the appropriate nested ul. 
Here is the HTML:</p>

<pre><code>&lt;ul id="specs"&gt;
    &lt;li&gt;top level li&lt;/li&gt;
    &lt;li&gt;top level li&lt;/li&gt;
    &lt;li&gt;li to trigger nested list &lt;a class="trigger" href="firstTrigger"&gt;first trigger&lt;/a&gt; or &lt;a class="trigger" href="secondTrigger"&gt;second trigger&lt;/a&gt;.
        &lt;ul id="hiddenList1"&gt;
            &lt;li class="title"&gt;Title 1&lt;/li&gt;
            &lt;li&gt;something&lt;/li&gt;
            &lt;li&gt;something&lt;/li&gt;
        &lt;/ul&gt;
        &lt;ul id="hiddenList2"&gt;
            &lt;li class="title"&gt;Title 2&lt;/li&gt;
            &lt;li&gt;something&lt;/li&gt;
            &lt;li&gt;something&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>I would like to do it so I don't have to write a function for reach, to make it more global. Here is what I've tried but I come up with it either not working or adding the # to the url</p>

<pre><code>$(function() {
    $('.trigger').click(function() {
        $(this).attr('href').toggle(slow);
        return false;
    )};
});
</code></pre>

<p>thank you very much for any help.</p>
