Javascript 单击链接时Jquery显示div

我试图在点击链接时使用jquery显示/隐藏一个div。我把这个放在我的头上：

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

$（“#附加框”）。单击（功能{
$（“#sec_box”）.show（）
});        

我有一个如下链接：

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

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

还有一个div看起来像这样：

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

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

你好，世界！！

这不管用，我也不知道为什么。有什么想法吗？

您需要在中附加处理程序，以确保浏览器已加载DOM并且所有元素都可用：

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

$（函数（）{
$（“#附加_框”）。单击（函数（）{
$（'secu#box'）.show（）；
返回false；
});        
});

---

另外，您忘记在

单击
处理程序中的匿名函数旁边插入括号。
DOM可能尚未完全加载

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


$（文档）.ready（函数（）
{  
$（“#附加框”）。单击（函数（）{
$（“#sec_box”）.show（）
});  
});      

把它放在你的脑袋里，然后把初始化代码放进去。
我还要加上
returnfalse到函数的末尾，这样#就不会出现在该位置，但这只是个人喜好。这很好。知道当用户第二次单击链接时如何隐藏div吗？@Thomas，是的，试试
$（“#sec_box”）.toggle（）