jquery - Slide Toggle
<p>I haver the following HTML:</p>

<pre><code>&lt;div class="community-topic"&gt;
  &lt;h2&gt;&lt;b&gt;Ask&lt;/b&gt; a Question&lt;/h2&gt;
  &lt;p class="ask"&gt;+&lt;/p&gt;
    &lt;div class="addtitle"&gt;
      &lt;p&gt;Give your Question a great title&lt;/p&gt;
        &lt;form name="input" action="submit.php"&gt;
         &lt;input id="title" type="text" name="title" /&gt;
         &lt;input id="go" type="submit" value="Go" /&gt;
        &lt;/form&gt; 
       &lt;a href="discuss.php?style=question"&gt;See more questions&lt;/a&gt;
     &lt;/div&gt;
</code></pre>

<p>Then the following jQuery:</p>

<pre><code>$('.ask').toggle(function() {
    $(this).text('-').next('.addtitle').slideDown('fast');
}, function() {
    $(this).text('+').next('.addtitle').slideUp('fast');
});
</code></pre>

<p>I also want the <code>.toggle</code> function to happen when the <code>&lt;h2&gt;</code> his clicked.</p>

<p>How can adjust the above jQuery to include this?</p>
