jQuery顯示/隱藏非子元素？

Question

我試圖讓這個跨度按鈕切換隱藏/顯示一個它不是其父親的元素。是否有可能或是否必須是它試圖切換的元素的父級.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(); 
});