Вы можете добавить обработчик к событию 'focus' и 'focusout' ввода, для каждого события вам нужно сделать несколько вещей.
Например, это обработчик для 'focus'событие, я добавил идентификатор «emailAddress» для ввода:
$('#emailAddress').on('focus', function(){
widthColumn = $('#contact').width();
$(this).width((widthColumn*2) - $('#emailLabel').width());
});
Я получил ширину столбца, который имеет контактную информацию, я добавил идентификатор «контакт» в этот столбец, а затем с «Метод .width () 'Я помещаю вычисляемую ширину.
Это обработчик события' focusout ':
$('#emailAddress').focusout(function(){
$(this).width($('#firstName').width());
})
Здесь я помещаю только ширину другого ввода, которыймы не изменились.
Мы также должны добавить некоторые правила CSS:
#emailAddress{
position: absolute;
width: 100%;
}
Здесь вы можете увидеть полный пример.