javascript - How do I load my java event using from an external link? -

i have page visiual menu system when clicked fills designated area image , approriate text. below have included example of containers , script used on page.

there around 20 of them in , each has own individual # tag. if try reference page via link 1 below. doesn't change content of page match unique # tag. think due script being click event only. can give me idea of how fix can use link externally on other html pages within site , have appropriate # information show up.

http://jets.chiefaircraft.com/skymaster/available-models.html#af816sw

the menu html:

<div class="box"> <a href="#bh248" class="scheme-links" data-scheme="bh248">   <div class="boxinner">     <img src="http://cdn1.chiefaircraft.com/skymaster/images/gallery/bae-t1/bh248.jpg" alt=""/>     <div class="titlebox">bae hawk t-1 - in stock<br />raf 2004 scheme     </div>   </div>   </a> </div> 

the click event:

$(document).ready(function(event){      $('.scheme-links').click(function(event){      var scheme = $(this).attr('data-scheme');      $('.gallery').hide(event);      $('#gallery_' + scheme).show(event);    }); }); 

the event references information fill selected areas:

<div id="gallery_bh248" class="gallery"> <div class="gallery-image"><img src="http://cdn1.chiefaircraft.com/skymaster/images/gallery/bae-t1/bh248.jpg" alt=""/></div> <div class="gallery-info"> <div class="gallery-text"> <h2><u>skymaster pro arf plus</u><br /> bae hawk t-1:</h2> <h3>raf 2004 scheme (bh248)<br /> in stock: $5,199.50 + freight</h3> </div> <div class="gallery-upgrade"> <p><b>includes following upgrades:</b></p> <ul><li>jet airframe: bh248 raf 2004 scheme</li> <li>scale landing gear: ap921</li> <li>speed brake assembly factory installed</li> <li>landing gear &amp; doors factory installed</li> <li>cylinder set gear doors: ap925</li> <li>cockpit details w/o pilot: ap927</li> <li>exhaust pipe (p120-p160): ap923</li> <li>complete air kit: ap921k</li> <li>kevlar fuel tank: ap922</li> <li>hardware kit: ap924</li> <li>wing bag</li></ul> </div> </div> </div> 

is want? once website loads, can recognize hash came it, , make proper function load it.

please elaborate code further if isn't correct answer, can of help/edit.

$(function() {     // moving page hash on open     var hash = null;     if(window.location.hash)     {             hash = window.location.hash;             window.location.hash = '';             window.location = hash;     } });