Cerrar div al hacer click fuera de este

[laura_moreno14]

Tengo un formulario de búsqueda que me gustaria que se expanda al hacer click en otro div y que se cierre cuando vuelves a hacer click o cuando clicas fuera del formulario.
El caso es que no soy capaz de hacer las dos cosas, me hace un efecto muy raro. Podéis verlo aquí.

Este es el codigo que tengo hasta ahora:

Código Javascript:

jQuery(document).ready(function($){
        $('.icon-search').click(function() {
            $('.searchform input[type=text]').animate({width: 'toggle'});
            $('.searchform input[type=text]').focus();
        });
        $('.searchform input[type=text]').blur(function(){
            $(this).hide();
        });
    });
 

Cuando vuelvo hacer click para cerrar se cierra y se abre de nuevo. Al hacer click fuera (en el body) si funciona bien.

Gracias a todos! a ver si alguien puede ayudarme.