Lo primero:
( display: block para la ventana ).
el script debe ser asi:
<script>
$('clase_del_li').click(function({
$('clase_del_div').fadeIn('slow');
});
</script>
Ahora por otro lado, para cerrar el DIV:
<script>
var over = false;
$('clase_del_div').hover(function(){
over = true;
}, function(){
over = false;
});
$('body').click(function(){
if ( over == false )
{
$('clase_del_div').fadeOut('slow');
}
});
</script>
De esta forma lo que hago es crear una variable FALSE y le digo que si estoy parado arriba del div la variable sera TRUE al mismo tiempo digo que si hago click en BODY y si la variable OVER es FALSE ( osea que no estoy sobre el div ), el div se cerrara.
Asi que el total del cod es el siguiente:
Código:
<script>
$('clase_del_li').click(function({
$('clase_del_div').fadeIn('slow');
});
var over = false;
$('clase_del_div').hover(function(){
over = true;
}, function(){
over = false;
});
$('body').click(function(){
if ( over == false )
{
$('clase_del_div').fadeOut('slow');
}
});
</script>