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），但我仍然只能使用切换的第一个LOGIN链接。

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

Answer 1

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

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

修复：

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

使用JavasScript Onclick函数可以将可见性切换两次

1 个答案: