php - 使用 JavaScript Onclick 函数切换可见性两次

Question

我的代码：

<div>
<a href="/forms/login-form.php" onclick="toggle_visibility('login-div'); return false;">Login</a>
    <div id="login-div">
        <?php include($_SERVER['DOCUMENT_ROOT'].'/forms/login-form.php');?>         
    </div>
<a href="/forms/signup-form.php" onclick="toggle_visibility('signup-div'); return false;">Sign up</a>
    <div id="signup-div">
        <?php include($_SERVER['DOCUMENT_ROOT'].'/forms/signup-form.php');?>            
    </div>
        <script type="text/javascript">
            <!--
                function toggle_visibility(id) {
                        var e = document.getElementById(id);
                       if(e.style.display == 'block')
                          e.style.display = 'none';
                       else
                          e.style.display = 'block';
                }
            //-->
        </script>       
</div>

问题：只有 LOGIN 链接适用于 javaScript OnClick 函数，而 Signup 链接什么也不做。虽然，当我删除 LOGIN 链接及其 div 时，SignUp 工作。因此，这只能意味着我使用 JavaScript 函数的方式存在问题。

显然我不能两次使用相同的 javaScrit 函数。我尝试添加另一个具有相同功能的函数，但名称不同，即（toggle_visibility2），但我仍然只能获得第一个使用切换的登录链接。

如果这是真的，那么我怎么能完成让两个链接都用 JS 切换

Answer 1

问题是我在表单 DIV 中包含 display none：

<div id="hasJavaScript" style="display: none">
my form code....
</div>

修复：

 <div id="hasJavaScript">
    my form code....
    </div>