Здравствуйте, у меня на сайте есть textarea (однострочный, то есть в высоту он 15 пиксилей, при том что высота шрифта 12 пикселей).
Появилась интересная идея, чтобы при клике на него он увеличивался в высоту скажем до 3-ех строчек (45 пикселей). Это я смог реализовать:
$(document).ready(function() {
$('.comment').click(function() {
$(this).css('height', '45px');
return false;
});
});
Но вот, как сделать так чтобы когда с этого блока убирали курсор все возвращалось на место, то есть чтобы textarea из 45px возвращался в 15px?
И еще один вопрос: можно ли сделать чтобы все это работало не только при клике, а еще и при фокусе (то есть если например в этот textarea юзер "проберется" через tab, то нечего не будет работать...
Надеюсь на помощь, спасибо!