how to reset to plus symbol in accordion menu
<p>i made an accordion menu with the following JS</p>

<pre><code>$(function(){
 $('#accordion .fullChild&gt;a.opener').text('+').addClass('box');

  $('#accordion .opener').click(function() {
  if($(this).text() == "-") {

  $(this).text("+");
  }
  else {

  $(this).text("-");
  }
});
});


            function initMenus() {
    $('ul#accordion ul').hide();

    $('ul#accordion li a.opener').click(
        function() {
            var checkElement = $(this).next();
            var parent = this.parentNode.parentNode.id;
                if($('#' + parent).hasClass('noaccordion')) {
                    $(this).next().slideToggle('normal');

                    return false;
                }
                if((checkElement.is('ul')) &amp;&amp; (checkElement.is(':visible'))) {
                    if($('#' + parent).hasClass('collapsible')) {
                        $('#' + parent + ' ul:visible').slideUp('normal');

                    }
                    return false;
                }
            if((checkElement.is('ul')) &amp;&amp; (!checkElement.is(':visible'))) {
                $('#' + parent + ' ul:visible').slideUp('normal');
                checkElement.slideDown('normal');

                return false;
            }
        }
    );
}
$(document).ready(function() {initMenus();});
</code></pre>

<p>it all works like i want it to but for one thing. when you toggle one plus open it turns to minus but unless you toggle it again it stays to minus</p>

<p>here is a fiddle <a href="http://jsfiddle.net/ZpXrW/1/" rel="nofollow">http://jsfiddle.net/ZpXrW/1/</a></p>

<p>the html and css is bare, i would like to learn how i did the scripting wrong and how to make it better--i am assuming there is a much more concise way to accomplish this.</p>
