jquery切換隻顯示，而不是隱藏

我想切換顯示在我的網頁上的東西，但它會顯示，但不會隱藏後，我再次單擊按鈕。當我點擊按鈕時，我想要顯示的部分顯示得很好，但是當我再次點擊它時，它不會隱藏。這是我的代碼。jquery切換隻顯示，而不是隱藏

<head> 
    <script src="JQ.js"></script> 
    <script> 
     $(document).ready(function() { 
      $(".thingy").hide(); 
      $(".show_button").click(function() { 
       $(".thingy").toggle(); 
      }); 
     }); 
    </script> 
</head> 
<body> 
    <div class="show_button_box"> 
     <div class="menu"> 
      <div class="show_button" style="color:black;font-weight:bold;text-decoration:underline;position:relative;top:-8px;left:15px;">Show</div> 
     </div> 
    </div> 
</body>

/*我的PHP是在這裏*/

echo" 
    <div class='thingy' onclick='$(\"thingy\").hide();'> 
    <div id=\"container\"> 
    <div class=\"menu\"> 
    <div class=\"button\" onclick=\"loadpage('bots','Bot Creator');\"><b style='color:black'>Create Bot</b></div><br /><br /> 
    <div class=\"button\" onclick=\"loadpage('close','Emergancy Close Client');\" style=\"background-color:red;color:black;font-weight:bold;border-radius:6px;\">Emergency Close.</div><br /><br /> 
    <div class=\"button\" onclick=\"loadpage('news','Spark News.');\" style=\"background-color:lime;color:black;font-weight:bold;border-radius:6px;\" >Spark News.</div></div><br /><br /> 
    <div id=\"addedcontent\">  
    <div id=\"b-header\">   header     </div>  
    <div id=\"b-content\">   content  </div> </div></div></div>"; 
}

來源

2014-01-06 user3156054

在你的PHP

你已經錯過了在CSS選擇器.

<div class='thingy' onclick='$(\".thingy\").hide();'>

來源

2014-01-06 05:24:56 Neverever

這工作，但是當我試着點擊盒子上的一個按鈕關閉盒子，我怎樣才能做到這一點，所以我點擊顯示一個se cond時間和框關閉？ – user3156054

你點擊了哪個？ '

'或'

'。他們是否在同一個HTML頁面？ – Neverever

當我點擊show_button，是的，他們是int他同一頁。 – user3156054

jquery切換隻顯示，而不是隱藏

回答

相關問題