/* function to show menu when clicked */
dropdown.bind('click',function(e) {
if(e) e.stopPropagation();
if(e) e.preventDefault();
if ( dropdown.hasClass('menu-open') ) {
hideMenu();
} else {
showMenu();
}
});

Here my code:

Jquery:

$(document).ready(function(){
$('#sign_box').hide();
$('a.sign_in').click(function(){
$('#sign_box').slideToggle(500);
$('a.sign_in').toggleClass('active');
return false;
});
});

Html:

Home
Gallery
Contact Us

Private Area

UserName
Password


$(document).ready(function()
{
$(".sign_in").click(function()
{
$("#sign_box").show();
return false;
});
$(".sign_in").click(function()
{
$('.sign_in').addClass('active');
});

$(".sign_in.active").click(function()
{
$("#sign_box").hide();
return false;
});
$(".sign_in.active").click(function()
{
$('.sign_in.active').removeClass('active');
});
});

Thanks in advance

This is more simple and to exit out the box all you have to do is click on the button agian, not outside