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

@Ankit 정말요? 당신은 그가 이미 사용하려고하는 기술을 사용하여 작전을 제안하고 있습니다 ... 나는 당신에게 그것을위한 마이너스 포인트를 줄 수 있도록 답변으로 게시하십시오. – Joonas

시도 로딩 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

Demo Fiddle

난 당신의 코드가 작동 생각 호출하기 전에, 당신은 당신의 사업부에 콘텐츠를 가지고 있지 않았다.

출처

2012-08-06 06:58:16 freebird

멋진 솔루션 .. –

나는이 방법 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 표시 및 숨기기

답변

관련 문제