单击链接时,Jquery显示div

Question

我试图在点击链接时使用jquery显示/隐藏div.我把它放在我的头部:

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

我有一个看起来像这样的链接:

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

一个看起来像这样的div:

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

这不起作用,我无法弄清楚为什么.有任何想法吗？

Answer 1

您需要在document.ready中附加click处理程序,以确保浏览器已加载DOM并且所有元素都可用:

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

你也忘了()在click句柄中的匿名函数旁边加上括号.