Открыть ссылку в определенном div и заменить изображение div на html

Я пытаюсь открыть одну ссылку в определенном div .

При нажатии на ссылку «Перейти» мне нужно открыть ссылку на div id = "container" и заменить изображение в div на веб-страницу.

Я безуспешно пробовал этот код.

Как это решить?

Вы можете помочь мне?

Заранее спасибо за любую помощь, очень ценю.

<script type="text/javascript" src="js/jquery-1.10.2.js"></script>

<script>
function finish(){
    document.getElementById("loading").style.visibility = "hidden";
}


$(document).ready(function () {

  $('input[readonly]').on('keydown', function (e) {
    if (e.which === 8) {
        e.preventDefault();
    }
  });
});



$(document).ready(function(){
    $('a').on('click',function(){
        var aID = $(this).attr('href');
        var elem = $(''+aID).html();

        $('.target').html(elem);
    });
});

</script>


<ul class="sub_menu">
   <li><a name="#container" href="http://...">Jump</a></li>
</ul>

<div id="container" >
   <img src="images/Logo.jpg" />     
</div>

# EDIT01

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<script>

function showPanel() {
            document.getElementById('image').style.display = "none";
}

</script>


<ul class="sub_menu"">
   <li><a name="#container" href="http://..." target="content" onclick="showPanel()">Jump</a></li>
</ul>


<div id="image">
   <img src="images/Logo.jpg" />    
      <iframe name="content" style="border:none;">
      </iframe>      
</div>