Hey everybody,

i'm pretty new to jquery and javascript in general so i have som trouble creating
a login form which should only display on click.

I have an image button with an a href and according class "setvisible" to make
a div called "login_box" visible on click.

The following should be possible:

-> Click on "Login"
-> Form opens
-> Click on "Login" again should close the form
-> Click outsithe the "login_box" div should close the form also

I've managed to get it working so far but my problem is that everytime you click in a field
inside the login_box div the div closes.. I know thats because of the ('document').mouseup
function but i don't know how to do it the right way.

I know i could do this with "toggle" but i'd like to have fadeIn / fadeOut effect instead of just
"show" and "hide"..

here you can see a live working sample (click the blue login button):

www.22labs.com/jquery

Every help is greatly appreciated

Thank y'all !!!