Jquery afficher div lorsque le lien est cliqué

Im essayant de montrer/cacher un div à l'aide de jquery lorsqu'un lien obtient cliqué. J'ai mis ça dans ma tête:

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

J'ai un lien qui ressemble à ceci:

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

Et un div qui ressemble à ceci:

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

Cela ne fonctionne pas et je ne peux pas comprendre pourquoi. Des idées?

source d'informationauteur Thomas

  1. 23

    Vous avez besoin de joindre le cliquez sur gestionnaire dans la document.prêt afin de s'assurer que le DOM est chargé par le navigateur et tous les éléments sont disponibles:

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

    Aussi vous avez oublié de mettre entre parenthèses () à côté de la fonction anonyme dans le click gestionnaire.

  2. 2

    Les Chances sont que le DOM n'est pas entièrement chargé.

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

    mettre cela dans votre tête et de mettre votre code d'initialisation.