jQuery显示/隐藏非子元素？

Question

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

HTML：

<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>

jQuery的：

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

Answer 1

您的选择器不正确。其Log而你错过了#

使用

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