Wie html in versteckte div laden?

Question

Ich habe eine Seite eingerichtet mit Links, die divs verstecken/zeigen. Der letzte Link ist ein Kontaktformular. Kontakt Formulare sind super chaotisch mit Code, so wollte ich die Datei extern laden

Ich fand viele Schnipsel auf einfach Laden von HTML in Div mit Jquery. Aber das Problem ist, ich habe bereits jquery Setup zum Anzeigen und Ausblenden der divs

Wie kann ich den Kontakt Link zeigen die Kontakt div und laden Sie auch das externe Kontaktformular in es?

$(document).ready(function() { 
 
     $('.menu').click(function() { 
 
      var $clicked = $(this) 
 
      $('.menu').each(function(){ 
 
       var $menu = $(this); 
 
       if (!$menu.is($clicked)) 
 
       { 
 
        $($menu.attr('data-item')).hide(); 
 
       } 
 
      }); 
 
      $($clicked.attr('data-item')).toggle(); 
 
     }); 
 
\t \t $(".contactmenu").click(function(){ 
 
     \t $("#menu-contact").load("contactform.htm"); 
 
    \t }); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
<header> 
 
<div align="center" class="logoclass" id="logo"><img src="media/logo.png"/></div> 
 
<div id="topmenu"> 
 
<a href="#" id="home-menu-item" class="menu" data-item="#menu-home">Home</a> 
 
<a href="#" id="videos-menu-item" class="menu" data-item="#menu-videos">Videos</a> 
 
<a href="#" id="follow-menu-item" class="menu" data-item="#menu-follow">Follow</a> 
 
<a href="#" id="contact-menu-item" class="menu" data-item="#menu-contact">Contact</a> 
 
</div> 
 
</header> 
 

 
<article> 
 
<div id="bodycontent"> 
 
<div id="menu-contact" style="display: none">Contact</div> 
 
<div id="menu-follow" style="display: none">Follow</div> 
 
<div id="menu-videos" style="display: none"><br /> 
 
<div id="videos" style="z-index:1" onClick="document.getElementById('sitemusic').pause();"><br /> 
 
<div align="center" id="videobox">Splash 
 
<video style="z-index:-1;" width="400" controls> 
 
    <source src="media/videos/splash.mp4" type="video/mp4"> 
 
    <source src="media/videos/splash.ogg" type="video/ogg"> 
 
    Your browser does not support HTML5 video. 
 
</video> 
 
</div> 
 
</div> 
 
</div> 
 
<div id="menu-home" style="display: none">..</div> 
 
</div> 
 
</article>

Answer 1

contactmenu Klasse nicht existiert, versuchen:

$("#contact-menu-item").click(function(){