Question

How to change the height of div while a validate in jquery

this div containing the error message. div should update its height when ever
the message is updated

  errorPlacement : function(error, element) {

        $('#error_container').show();
        error.appendTo($('#error_container'));
        $('#error_container').append("<br>");
    },

i tried to apply

     $("#error_container").attr({ 
          height: "auto"
        });

but did not get proper place for this

Answer 1

Try this. I’ve also changed your
addition to bottom padding instead, so you can easily remove it.

errorPlacement : function(error, element) {
  $('#error_container').show();
  error.appendTo($('#error_container'));
  $('#error_container').css('padding-bottom', '20px');
  $("#error_container").css('height', 'auto');
},

If you need to undo the padding, you can do:

  $('#error_container').css('padding-bottom', '0');