Eror. Der Inhalt/das Formular ändert sich nicht

Question

Ich habe eine Seite im Web 'über TOEFL'. Wenn ich auf TOEFL klicke, ändert sich der Inhalt/das Formular zu Inhalt/Form über TOEFL. Wenn ich auf "TOEFL" klicke, ändert sich der Inhalt, aber wenn ich auf "Schließen" klicke, ändert sich das Formular/der Inhalt nicht. bitte helfen

das ist meine Seite Code

<!-- Start Page 2 About --> 
<div id="page2" class="content"> 
    <div class="container_12"> 
     <div class="grid_12"> 
     <div class="slogan"> 
      <h3>Help your <span>TOEFL</span> Score<em> High</em></h3> 
     </div> 
     </div> 
     <!-- Start menu-form --> 
    <form id="menu-form"> 
     <div class="grid_2"> 
      <div class="box 60px"> <img src="images/img1.png" alt=""> 
      <div class="text1"><a href="#page2" onclick="showAboutTOEFL()">About TOEFL</a></div> 
      </div> 
     </div> 
     <div class="grid_2"> 
      <div class="box 60px"> <img src="images/img2.png" alt=""> 
      <div class="text1"><a href="#">Tips and Trick</a></div> 
      </div> 
     </div> 
     <div class="grid_2"> 
      <div class="box 60px"> <img src="images/img8.png" alt=""> 
      <div class="text1"><a href="#page2" onclick="showAboutTOEFL()">Cambridge</a></div> 
     </div><br><br><br><br><br><br><br><br> 
     </div> 
    </form> 
    <!-- End menu-form --> 

     <!-- Start AboutTOEFL-form --> 
     <form id="AboutTOEFL-form" style="display:none" class="grid_14"> 
      <div id="filters" class="sixteen columns"> 
       <ul class="clearfix"> 
       <li><a href="#page2" onclick="showAboutTOEFL()"> 
       <h5>About TOEFL</h5> 
       </a></li> 
       <li><a href="#" > 
       <h5>Tips And Trick</h5> 
       </a></li> 
       <li><a href="#page2" onclick="showMenuForm()"> 
       <h5>Close</h5> 
       </a></li> 
       </ul> 
      </div> 
      <div class="box 1000px"> 
      <img src="images/toefl-1.jpg" alt=""><br><br> 
       --my text-- 
      </div> 
    </form> 
    <!-- End AboutTOEFL-form --> 
    </div> 
</div> 
<!-- End Page 2 --> 

das ist mein Java-Script

<script type="text/javascript"> 
    var showAboutTOEFL = function() { 
     document.getElementById("menu-form").setAttribute("style", "display:none"); 
     document.getElementById("AboutTOEFL-form").setAttribute("style", "display:block"); 
    } 
    </script> 
    <script type="text/javascript"> 
    var showMenuform = function() { 
     document.getElementById("menu-form").setAttribute("style", "display:block"); 
     document.getElementById("AboutTOEFL-form").setAttribute("style", "display:none"); 
    } 
    </script> 

Answer 1

Das Gehäuse auf Ihrer onclick Veranstaltung ist falsch. Sie haben onclick="showMenuForm()", aber Ihr Funktionsname ist showMenuform(Kleinbuchstaben "f").