jQuery Toggle +/-

[TesoMayn]

I actually have this working on my own site, but trying to get it to work on here as a user script
I'm just now starting to work with jQuery, so sorry if this is something easy.

    $('li.node').each(function() {
        $(this).click(function(){
            $(this).toggleClass("open");
            $(this).find('li').toggle(300);
        });
        if ($(this).hasClass("open")) {
            $('.toggle-icon').html("<i class='fa fa-minus-circle'></i>");
        } else {
            $('.toggle-icon').html("<i class='fa fa-plus-circle'></i>");
        }
    });

 

[RastaLulz]

What exactly are you attempting to do? Create a script that opens/closes sections on the homepage, or?

 

[TesoMayn]

I'm making the forum categories toggle, and I'm trying to get the + / - to change depending on if the category is open or not.

You must be registered for see links

Like that.

The categories toggle, the + just doesn't change to a -

 

[JayC]

ooohh i forget how to do this, but I had it on my sidebar I made a thread and someone helped before. Try to find it maybe? I have to go to work so I don't have time to look but there's already a thread with the answer to this kinda help!

 

[TesoMayn]

I figured this out about five minutes posting this

    $('li.node').each(function(event){
       $(this).click(function() {
           $(this).toggleClass("open");
           $(this).find('li').toggle(300);
           if ($(this).hasClass("open")) {
            $('.toggle-icon',this).html("<i class='fa fa-minus-circle'></i>");
        } else {
            $('.toggle-icon',this).html("<i class='fa fa-plus-circle'></i>");
        }
       });
    });