Change text inside anchor tag on toggle?
<p>I have the following:</p>

<p><img src="http://i.stack.imgur.com/rxTow.png" alt="enter image description here"></p>

<p>So right now I'm toggling <code>ul.children</code> like this:</p>

<pre><code>$('a.expand-cat-item').on('click', function() {
  $(this).closest('li.cat-item').find('ul.children').toggle('slow');
});
</code></pre>

<p>Now, I would also change the + sign into a - sign inside <code>a.expand-cat-item</code> (which will work as a toggle too).</p>

<p>How to accomplish that?  </p>
