jQuery События
 

Здравствуйте. У меня такая задача. Клик на форму присваивается фокус выполнилось движение и открылся див с силками.
Нажал на силку передался в другой див содиржание силки но при этом форма и див остался на месте .
Кликнул гдето в люом месте екрана потерялся фокус и все вернулось обратно.
вот что смог написать

$(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>

с откритием формы и раскритием дива, и наоборот все ок.
Не могу понять как придумать с переключением "по фото""по картинкам"
чтоб приетом форма и див оставался на месте
и после убирания фокуса все дружно пропало.
Спасибо!