Javascript скрытие карты (IFrame)

Question

Это фрагмент моего кода:

<div id='content'> 
    <div id='map'></div> 
    <iframe name="content-wrapper"></iframe> 
</div> 
<div class="sidebar"> 
    <div class="container"> 
    <h2>Bayanihan</h2><br> 
    <a href="#" target="content-wrapper">Map</a> <a onclick= "hide()" href="forum.html" target="content-wrapper">Forum</a> <a href="insight.html" target="content-wrapper">Insight</a> 
    <hr> 
    <script> 
     function hide() { 
     $(map).hide(); 
     } 
    </script> 

В принципе, мой сайт карта с боковой панелью. На боковой панели есть три ссылки: map, forum, insight. Так что я хотел бы, чтобы это произошло, если я нажму Форум, фон карты исчезнет и будет заменен на forum.html, и это тоже касается проницательности. Как вы можете видеть в этом фрагменте, я сначала ставил его на форуме. html, но он не работает.

Answer 1

У меня было что-то похожее на это. Я использовал этот js для изменения содержимого для всех разных сайтов.
У меня была главная страница с пустым содержимым div и всем, что попадало на страницу в независимых html-файлах; когда я хотел изменить содержимое, все, что я делал, вызывало эту функцию с именем файла, и оно обновляло бы все.

function changeContent(url){ 
    $.ajax({ 
    crossOrigin: true, 
    url: url, 
    success: function(data) { 
     $('#content').html(data); 
    }, 
    error: function (xhr, status) { 
     alert("Something went wrong, try again."); 
    }, 
    }); 
} 

'а' тег было так:
<a class="navbar-brand" href="#index"onclick="changeContent('mainPage.html');">Stuff</a> Надеюсь, что это помогает!