toggle() interferes with text of $(this).

[sagar.patil8890@…]

$('<div>', {

id : 'specialButton', text : 'Hide!', click : function() {

$("#headingTypes").toggle();

if($('#headingTypes').is(':visible')) {

$(this).text('Hide!');

} else {

$(this).text('Show!');

}

}

}).insertBefore('#headingTypes');

If we use the above code, the output is as expected: the sections with id headingTypes toggle and the corresponding text is shown (either Hide! or Show!); however the moment we introduce the 'slow' argument to the toggle function, the text doesn't change, i.e. it remains Hide! throughout.

[dmethvin]

Please ask for help on a forum or StackOverflow.