Javascript jQuery是否显示/隐藏非子元素？

我试图使这个span按钮切换隐藏/显示一个它不是父元素的元素。它是否可能或者必须是它试图切换的元素的父元素。show（）/.hide（）

HTML:

---

您的选择器不正确。它的

日志

，而您错过了

#

使用

---

._. 哇！我犯的简单错误（德普时刻）。感谢您捕捉到这一点。您可以使用

.toggle（）

而不是

.show（）

。因此，如果再次单击该框，该框将被隐藏。

<div id="log_reg">
    <span class="btn" id="Log">Log In</span>
    <span class="btn" id="Reg">Register</span>
</div>
<div id="log_box">
    <table>
        <form name="login" action="logsys.php" method="post">
            <tr>
                <td>Username:</td>
                <td><input type="text" name="user" /></td>
            </tr>
            <tr>
                <td>Password:</td>
                <td><input type="password" name="pass" /></td>
            </tr>
            <tr>
                <td></td>
                <td><input type="submit" value="Log In" /></td>
            </tr>
        </form>
    </table>
</div>

$(document).ready(function(){
    $("#log_box").hide();
    $("log").click(function(){
        $("#log_box").show();
    });
});

$("#Log").click(function () {
    $("#log_box").show();
});