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(); 
});