Ben javascript kullanarak bir düğmeye OnClick değiştirmek istiyorum, ama işe yaramıyor

0 Cevap php

Tamam, ben basit bir gösteri / hide içerik düğmesine yazmaya çalışıyorum, ama ben iki farklı fonksiyonlarını kullanarak içeriği göstermek ve gizlemek istiyorum. Şimdi sadece iyi gizler, ancak yeniden gösterisi olmaz.

<html>
 <head>
 <title>Test</title>

 <script type="text/javascript">
  function hidecontent(){
   document.getElementById("content").style.display = "none";
   document.getElementById("hidebutton").value = "+";
   document.getElementById("hidebutton").onclick = showcontent();
  }

  function showcontent(){
   document.getElementById("content").style.display = "block";
   document.getElementById("hidebutton").value = "-";
   document.getElementById("hidebutton").onclick = hidecontent();
  }
 </script>

 <style type="text/css">
  #content{
   border: 1px solid #003333;
   background-color: #000033;
   color: #ffffff;
   height: 500px;
   width: 500px;
   text-align: center;
   display: block;
  }

  #hidebutton{
   border: 1px solid #003333;
   background-color: #000033;
   color: #ffffff;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
  }
 </style>

 </head>

 <body>
  <form>
   <input id="hidebutton" type="button" value="-" onclick="hidecontent()" />
  </form>

  <?php
   echo '<div id="content">Hello world!</div>';
  ?>
 </body>
</html>

0 Cevap

etiketler