Question

I’m wondering how exactly to apply a style to a div, and then remove it slowly via animation? Check out the fiddle link here, this obviously doesn’t work, but how would I fix it so it does?

http://jsfiddle.net/csaltyj/PzUdA/

EDIT: sorry, meant fade the background out, not the div itself.

Answer 1

Or you can simply remove the .animate() and replace with:

.fadeOut("slow");

EDIT based on your comments that you want to just remove the class and not content:

Simply include jQueryUI and use .toggleClass() as is reflected in this working jsFiddle demo.

jQuery:

$('#press-me').click(function() {

    $('<p>New content.</p>')
        .appendTo('#content-box')
        .addClass('newobj-hilite')
        .toggleClass('newobj-hilite', 2000);

});