После фокуса на инпут его ширина увеличиваеться и становиться видимым еше один елемент - <select>. По событию blur на етот инпут - селект становиться - невидимым и размеры инпута становятся прежние.
Но ето событие срабатывает и когда выбираешь в списке <select>.
как сделать что бы после фокуса на инпут, можно была выбирать в списке <select>, но ничего не cбивалось, и по blur на инпуте - в прежнее состояние?
Делал так, но тут нету условия выбора в списке <slect>.
Код:
|
$(document).ready(function(){
var old_width = $(".otry").css('width');
$("input").focus(function(){
$(this).css({
'width':'350px',
'border-right':'none'
});
$('select').css({
'display':'block'
});
}).blur(function(){
$(this).css({
'width':old_width,
'border-right':"1px solid #3399ff;"
});
$('select_sec').css({
'display':'none'
});
});
}); |