Jquery show div po kliknięciu linku

Question

Próbuję pokazać/ukryć element div przy użyciu jquery po kliknięciu łącza. Ja to w mojej sekcji head:

<script type="text/javascript"> 
    $("#attach_box").click(function { 
    $("#sec_box").show() 
    });   
</script> 

mam link, który wygląda tak:

<a href="#" id="attach_box">+ Add a Postal Address (If Different)</a> 

a div, który wygląda tak:

<div id="sec_box" style="display: none;"> 
Hello world!!    
</div> 

To nie robi pracować i nie mogę zrozumieć dlaczego. Jakieś pomysły?

Answer 1

Musisz dołączyć obsługi w document.readyclick w celu upewnienia się, że DOM został załadowany przez przeglądarkę, a wszystkie elementy są dostępne:

<script type="text/javascript"> 
    $(function() { 
     $('#attach_box').click(function() { 
      $('#sec_box').show(); 
      return false; 
     });   
    }); 
</script> 

Również zapomniałem umieścić nawias () obok do anonimowej funkcji w obsłudze click.

Answer 2

Jest szansa, że ​​DOM nie jest jeszcze w pełni załadowany.

<script type="text/javascript"> 
     $(document).ready(function() 
     { 
     $("#attach_box").click(function() { 
     $("#sec_box").show() 
     }); 
     });  
    </script> 

włóż to do głowy i umieść tam swój kod inicjalizacyjny.