JavaScript变量不设置 - 通过萤火虫检查

Question

我是stackoverflow的新手！

我对我的公司网站的一段代码有问题，使用jquery。我试图跟踪两个按钮上的点击并设置一个变量/ s，然后可以用它来确定一个操作过程。基本上它是一个滑动下拉菜单，如果该变量设置为true，则另一个设置为false。我initiallised的两个变量是错误的开始与再通过点击它们应该被设置为根据情况真或假的过程：

var boollogin = false; 
var boolregister = false; 

$(document).ready(function(){ 
    $('#slidedownlogin').hide(); 
    $('#details_add_area').hide(); 
    $('#emailconfirmation').hide(); 
    $('#register').toggle(function(){ 
     if(boollogin == false){ 
     $('#login_area').hide(); 
     $('#register_area').show(); 
     $('#details_add_area').hide(); 
     $('#slidedownlogin').animate({'height':'235px'},1500, 'easeOutExpo'); 
     }else{ 
     $('#slidedownlogin').animate({'height':'0px'},1500, 'easeOutExpo',function(){ 
      $('#login_area').hide(); 
      $('#details_add_area').hide(); 
      $('#register_area').show(); 
      $('#slidedownlogin').animate({'height':'235px'},1500, 'easeOutExpo'); 
      }); 
     } 
     boolregister = true; 
    } , function(){ 
    $('#slidedownlogin').animate({'height':'0px'},1500, 'easeOutExpo', function(){ 
      $('#slidedownlogin').children().hide(); 
     }); 
     boolregister = false; 
     boollogin = false; 
    }); 

    $('#login').toggle(function(){ 
     if(boolregister == false){ 
      $('#register_area').hide(); 
      $('#details_add_area').hide(); 
      $('#login_area').show(); 
      $('#slidedownlogin').animate({'height':'220px'},1500, 'easeOutExpo'); 
     }else{ 
      $('#slidedownlogin').animate({'height':'0px'},1500, 'easeOutExpo',function(){ 
      $('#register_area').hide(); 
      $('#details_add_area').hide(); 
      $('#login_area').show(); 
      $('#slidedownlogin').animate({'height':'220px'},1500, 'easeOutExpo'); 
      }); 
     } 
     boollogin = true; 
    } , function(){ 
     $('#slidedownlogin').animate({'height':'0px'},1500, 'easeOutExpo', function(){ 
      $('#slidedownlogin').children().hide(); 
     }); 
     boollogin = false; 
     boolregister= false; 
    }); 
}); 

我正在浏览的网页是在http://www.premiersoftware.co.uk/index94.php 。完整的代码现在在php文件中，所以你可以在那里看看它。您应该能够通过单击页面右上方的两个链接（Register and Login）来了解我想要做什么。这些应该会重置变量boollogin或boolregister，但检查这两个变量在萤火虫显示他们没有被重置并且不改变。因此，页面最初按预期行事，但经过一段时间和几次点击后，它变得非常古怪。形式valitation和东西尚未完成，因为我试图让动画排序第一。

我希望这里有人能够阐明为什么变量没有被重置，并建议我如何修复代码。如果有另一种方式来创建相同类型的功能，我也可以提出建议。

在此先感谢

丹

Answer 1

你尝试过做类似：

$('<a href="javascript:void(0);" id="register" onclick="toggleTheCorrectDiv(true)">Register</a>').appendTo('#support').css({'float':'right','margin-right':'10px'}); 
$('<a href="javascript:void(0);" id="login" onclick="toggleTheCorrectDiv(false)">Login</a>').appendTo('#support').css({'float':'right','margin-right':'10px'}); 

然后在你的JS，

function toggleTheCorrectDiv(toggleRegister){ 
    if (toggleRegister){ 
     //Show Register Content 
    }else{ 
     //Show Login Content 
    } 
} 

Answer 2

我想关闭的div而不是当用户在登录和注册之间切换时，下拉并再次打开它r，在打开的div中显示正确的注册表或登录表单可能更直观。

这段代码可以帮助你，但它实现了我上面提出的建议。

http://jsbin.com/etezo5

编辑链接，所以你可以看到代码：

http://jsbin.com/etezo5/edit