Onclick Expand Textbox Width

Question

I want to use jQuery to expand the width of a input textbox during onclick.

For example, if the input has a default width of 100px, when the user clicks in it to ty

Answer 1

I know this is a bit late to the party, but if anyone wants a pure CSS solution that uses the :focus attribute.

#textbox {
  width:100px;
  transition: 0.5s;
}

#textbox:focus {
  width:150px;
  transition: 0.5s;
}

He's my jsFiddle:

https://jsfiddle.net/qo95uquv/

Tom