jQuery Simple Example

HTML

<script src="//www.addressfinder.co.nz/assets/v2/widget.js"></script>
<div id="current_page">Default Value</div>
<div id="current_menu">
  <ul>
    <li>
      <a href="page1.html">
        <img src="https://collegediabetesnetwork.org/sites/default/files/civicrm/persist/contribute/image/icon_laptop_blue_trnsprnt.png" alt="">
      </a>
    </li>
    <li>
      <a href="page1.html">
        <img src="https://images.haaretz.co.il/polopoly_fs/1.2793295.1449498209!/image/985887936.jpg_gen/derivatives/landscape_225/985887936.jpg" alt="">
      </a>
    </li>
    <li>
      <a href="page1.html">
        <img src="https://tamaranga.com/files/images/products/4o5836.png" alt="">
      </a>
    </li>
  </ul>
</div>

CSS

#current_menu {
  display: none;
}

#current_menu ul li a img {
  width: 20px;
  height: 20px;
}

JavaScript

$(document).ready(function(){
	$("#current_page").click(function(){
		$("#current_menu").slideDown(100);
	});

	$("#current_menu a").click(function(event){
	  event.preventDefault(); //prevent synchronous loading
	  $("#current_menu").slideUp(100);
	  $("#current_page").html($(this).text());
	});
});