顯示和隱藏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點擊

回答

相關問題