Adding + and - sign while show/hide div
<p>I use the following jQuery to show/hide a div. I need to add a '+' and '-' symbol to it. Someone please tell me how to add it</p>

<pre><code>function toggleWidgets() {
    $('#secondary h3.widget-title').addClass('plus');

    $('#secondary h3.widget-title').click(function() {


        $(this).toggleClass('plus').toggleClass('minus').next().toggle(180);
    });
}
$(document).ready(function() {
    toggleWidgets();
});
</code></pre>

<p>Here is the HTML</p>

<pre><code>&lt;div id="secondary" class="widget-area" role="complementary"&gt;
&lt;aside id="welt_last_tweets-2" class="widget widget_welt_last_tweets"&gt;
    &lt;h3 class="widget-title"&gt;&lt;/h3&gt;
    &lt;div id="welt-welt_last_tweets-2" class="welt-tweet-wrapper"&gt;

    &lt;/div&gt;
&lt;/aside&gt;        
&lt;/div&gt;
</code></pre>
