Question

I have this box:

<div class="message_box_red" id="commentForm_error_name" style="width: 409px; height: 0px; border: 0; margin: 0; padding: 0;"></div>

And I would like to make it animate into this style: "border: 2px solid; margin: 1px; padding: 7px; width: 409px;"

And then as well insert some text into it, like this is a test message or something.

Answer 1

try this demo

jQuery :

$(".message_box_red").animate({

    "border":"2px solid",
    "margin":"1px",
    "padding":"7px",
    "width":" 409px",
    "height":"40px"

  },2000,function(){$(this).text("this is a test message")});

Updated Demo