منتدى استراحات زايد - أريد كود JQuery

الــسلامــ علــيكم ورحــمة اللــه وبركــاته
كيف حالكم جميعاً؟
أسعد الله أوقاتكم في كل خير
أنا عندي طلب كود جيكوري يمكنني من فعل الأتي:
أنا الأن لدي زر أريد عندما أضغط عليه يظهر فورم تسجيل الدخول وعندما أضغط على أي مكان في يصفحه يختفي فورم تسجيل الدخول
كما أريد عندما أضغط على الزر تتغير خلفية الزر وعندما يختفي فورم تسجيل الدخول تعود لون خلفية كما كانت
وهاد مثال :
2Steps Demo

عندما تضغط على زر المكتوب عليه "تسجيل الدخول هل لديك حساب؟" يظهر فورم تسجيل الدخول وكمان بتتغير خلفية الزر وعندما تضغط على أي مكان في الصفحه يختفي فورم تسجيل الدخول
.
وأنا توصلت لهذا الكود بس مافيه كل إلي عاوزه:
رمز PHP:

$('.login_before_butt').click(function(){
$('.login_before').slideToggle(function(){
$('.login_before_butt').click(function(){
$('.login_before_butt').removeClass('active');
});
});
$('.login_before_butt').addClass('active');
});

مشاكل الكود:
أولاً لا يختفي فورم تسجيل الدخول إلا عندما تضغط على الزر إلي هو " .login_before_butt "
ثانياً تتغير خلفية الزر عند الضغط عليه لكن المرة الأولى فقط:crazy:
أتمنى تساعدوني