显示和隐藏div点击

我有两个div在我的右边栏，我想显示一个一次使用显示/隐藏锚标记，但我无法做到这一点，因为我使用cakephp。请帮助我实现这一点。显示和隐藏div点击

<html> 
    <head> 
     <script type="text/javascript"> 
      document.getElementById('dsearch').style.visibility = 'hidden'; 
      $(document).ready(function() { 
       $('#showhidetarget').hide(); 

       $('a#showhidetrigger').click(function() { 
        $('#showhidetarget').toggle(400);   
       }); 
      });  
     </script>  
    </head>   
    <body> 
     <script src="/app/webroot/js/jquery-1.3.2.min.js" type="text/javascript"</script> 
     <a id="showhidetrigger" href="/hawaii/tests/dsearch/">Detailed Search</a> 
     <div id="showhidetarget"></div> 
    </body>   
</html>

来源

2012-08-06 RickeyWalia

使用jQuery切换代码方法来做到这一点。 – Ankit 2012-08-06 07:02:49

@Ankit真的吗？你建议OP使用他已经尝试使用的技术......请将其作为答案张贴，以便我可以给你一个减号。 – Joonas 2012-08-06 07:43:49

试装车的jQuery调用$document.ready()

<script src="/app/webroot/js/jquery-1.3.2.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(document).ready(function() {  
    [...]

来源

2012-08-06 06:57:45

我必须在同一页上显示我的第二个div后，我点击下面的第一个div的书写锚标记，它会显示在同一页上。 – RickeyWalia 2012-08-06 07:55:11

Demo Fiddle

我觉得你的代码工作之前，你只是没有在你的DIV的任何内容。

来源

2012-08-06 06:58:16 freebird

不错的解决方案.. – 2012-08-06 07:01:09

我认为你应该在你已经包括jQuery的脚本标记..这样jQuery将首先被加载后，把第一个脚本标签则是依赖于jQuery的

<script src="/app/webroot/js/jquery-1.3.2.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    document.getElementById('dsearch').style.visibility = 'hidden'; 
    $(document).ready(function() { 
     $('#showhidetarget').hide(); 

     $('a#showhidetrigger').click(function() { 
     $('#showhidetarget').toggle(400); 

     }); 
    }); 

    </script>

来源

2012-08-06 06:59:26

显示和隐藏div点击

回答

相关问题