Question

我的右栏中有两个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>

Answer 1

尝试在调用$document.ready()

之前加载jQuery

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

Answer 2

我认为你应该把第一个脚本标签放在你已经包含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>

Answer 3

<强> Demo Fiddle

我认为您的代码正常运行，您的div中没有任何内容。

单击显示和隐藏div

3 个答案: