jQuery hide and show toggle div with plus and minus icon

Question

I have the code working for the show and hide the div. How would I add two different icons as a sprite image for when the show and hide are active?

For

Answer 1

Try something like this

jQuery

$('#toggle_icon').toggle(function() {

    $('#toggle_icon').text('-');
    $('#toggle_text').slideToggle();

}, function() {

    $('#toggle_icon').text('+');
    $('#toggle_text').slideToggle();

});

HTML

+


    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

DEMO