jQuery Toggle html characters +/-

I'm having a simple problem toggling between +/- characters which prepend a link which opens a dropdown menu. This code works, except I need to remove the div and just have the href toggle.

Any help is appreciated.

HTML:

<a href="#" class="toggler"><span>+</span> toggle</a>
<div class="hidden">
 Hidden
</div>

jQuery:

$('a.toggler').click(function() {
        var $this = $(this);
        $this.next(".hidden").slideToggle("fast", function() {
        $this.find('span').text($(this).is(':visible') ? '-' : '+');
    });
});

I borrowed the code from this link: Need to replace +/- characters with html codes (for example) — in small piece o开发者_运维问答f jQuery

---

Here is an updated version:

http://jsfiddle.net/aGKJR/2/

I had it so it only toggled when you clicked the +/-. Now the whole link works.

Basically, you need to remove the slideToggle callback and place its code in the onclick function instead.

---

Your code works for me. There must be something wrong somewhere else your code. You should post it if you want more help.