The problem you're encountering is actually the other fields shifting down due to the increased height of the field with the error message.

You can try adding the following to your form's CSS, but it is difficult to determine the exact selectors that are needed because it depends on your customization.

li.form-q {
    vertical-align:top;
}

It looks like you're using custom CSS to display things inline, in which case you may be able to add the vertical alignment styling to the same section where you put that styling.

Also, it looks like you're hiding the error message, but not the parent container based on the gap between the field and the "after" text.

Try adjusting the CSS selector to target the parent instead of the message contents (i.e. ".parsley-errors-list" instead of ".parsley-required')