Jquery 单击时显示和隐藏div_Jquery_Cakephp_Html

Jquery 单击时显示和隐藏div

jquery cakephp html

Jquery 单击时显示和隐藏div,jquery,cakephp,html,Jquery,Cakephp,Html,我的右栏中有两个div，我想使用show/hide锚定标记一次显示一个div，但我无法这样做，因为我使用的是cakephp。请帮助我实现这一目标 <html> <head> <script type="text/javascript"> document.getElementById('dsearch').style.visibility = 'hidden'; $(document)

我的右栏中有两个div，我想使用show/hide锚定标记一次显示一个div，但我无法这样做，因为我使用的是cakephp。请帮助我实现这一目标

<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>


document.getElementById（'dsearch'）.style.visibility='hidden'；
$（文档）.ready（函数（）{
$（'#showhidetarget'）.hide（）；
$（'a#showhidetrigger'）。单击（函数（）{
$（'#showhidetarget'）。切换（400）；
});
});     
在调用$document.ready（）


$（文档）.ready（函数（）{
[...]

我认为您的代码正常工作，您的div中没有任何内容。
我认为您应该将第一个脚本标记放在包含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>


document.getElementById（'dsearch'）.style.visibility='hidden'；
$（文档）.ready（函数（）{
$（'#showhidetarget'）.hide（）；
$（'a#showhidetrigger'）。单击（函数（）{
$（'#showhidetarget'）。切换（400）；
});
});
使用Jquery toggle方法来实现这一点。@Ankit真的吗？你是在建议OP使用一种他已经尝试使用的技术……请将此作为答案发布，这样我就可以给你一个负分。我必须在单击第一个div的写锚标记后在同一页上显示我的第二个div，并且它会显示在同一页上。
<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>