Здравствуйте. У меня такая задача. Клик на форму присваивается фокус выполнилось движение и открылся див с силками.
Нажал на силку передался в другой див содиржание силки но при этом форма и див остался на месте .
Кликнул гдето в люом месте екрана потерялся фокус и все вернулось обратно.
вот что смог написать
$(document).ready(function(){
$('#imgofoto').bind('slideToggle', function(){
$("#imgofoto").slideToggle("slow");
});
$('input.search_box').bind({
focusin: function(){
$(this).animate({
width: '450'
});
$('#imgofoto').trigger('slideToggle');
},
focusout: function(){
$(this).animate({
width: '151'
});
$('#imgofoto').trigger('slideToggle');
}
});
$("#imgofoto a").click(function(e) {
e.preventDefault();
$('#search_box').focusin();
$("#imgofoto_click").html($(this).html());
return true;
});
});
и код HTML
<div id="imgofoto_click"></div>
<div id="imgofoto" ><a href="">по фото</a><br /><a href="">по картинкам</a></div>
<form method="post" action="do_search.php" >
<input type="text" name="search" id="search_box" class='search_box'/>
<input type="image" name="Submit" value="" class="search_button" /><br />
</form>
с откритием формы и раскритием дива, и наоборот все ок.
Не могу понять как придумать с переключением "по фото""по картинкам"
чтоб приетом форма и див оставался на месте
и после убирания фокуса все дружно пропало.
Спасибо!
