How to change the position of the input form and the label if there is at least one entered character in the form?

Question

JavaScript

I use this solution: https://github.com/maman/JVFloat.js/tree/master When you start typing, labels appear above the input field with text from the placeholder. How to make it so that if there is at least one entered character in the form, this same form, along with the label, would slide down a little lower? You can see all the code in github.

Answer 1

If I understand the purpose correctly, then this:

$('body').on('keyup', '.jvFloat .form-control', function () {
  var $self = $(this),
      offset;

  offset = ($self.val().length > 0) ? 10 : 0;

  $self.closest('.jvFloat').css({ top: offset });
});

Replace 10 with your number.