1

右バーに 2 つの div があり、show/hide アンカー タグを使用して一度に 1 つ表示したいのですが、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>
4

3 に答える 3

2

呼び出す前に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-06T06:57:45.247 に答える
1

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-06T06:59:26.670 に答える
0

デモフィドル

私はあなたのコードが機能していると思います、あなたはちょうどあなたのdivにコンテンツを持っていませんでした。

于 2012-08-06T06:58:16.357 に答える