Выподающие окно.

[ksn]

тут такой варос, пишу код для выпадющей кнопки

 

имею такой код:

$(".in").hide();$('.search').mouseenter(function() {  $('.in').stop(true,true).slideDown(200);}).mouseleave(function(){    $('.in').stop(true,true).slideUp(200);});

.in {    position: absolute;    z-index: 1;}.in input {    position: absolute;    float: right;    width: 192px;    border-radius: 5px;    border: 4px solid #dc5925;    margin-top: 70px;    margin-left: 970px;    padding-top: 8px;    padding-bottom: 8px;    padding-left: 8px;}.in .trinagle {    position: absolute;    margin-top: 63px;    margin-left: 1147px;    width: 0;    height: 0;    border-left: 4px solid transparent;    border-right: 4px solid transparent;    border-bottom: 8px solid #dc5925;    }

<div class="in">   <input placeholder="Search the site">   <div class="trinagle"></div></div>

Проблема в том что при наведении окно выпадает, но как только я хочу нажать в окно ввода, оно пропадает, как это устранить?

[Q4Dizzy]

полный код выложите. не хватает элементов.

[IIIIIIIIII]

Да, залейте весь код на jsfiddle или родственный ему. 

[Q4Dizzy]

Если я правильно понял, элемент .search находится перед блоком .in

 

тогда используйте этот код, подправив его под себя. Так же напомню, что slideUp и slideDown манипулируют высотой элемента. поэтому высота у данного элемента .in (или в каком там блоке у вас будет  инпут со стрелкой) должна быть указана. если она будет 0 или не задана из-за абсолютного позиционирования, элемент будет не плавно сворачиваться, а резко исчезать, как при show() и hide().

var time = 1000,        timer;    function handlerIn() {        clearTimeout(timer);        $('.in').stop(true).slideDown(200);    }    function handlerOut() {        timer = setTimeout(function() {            $('.in').slideUp(200);        }, time);    }    $(".search, .in").hover(handlerIn, handlerOut);

Edited October 2, 2014 by Q4Dizzy