Is there a way to code a dropdown menu on one page and use it on multiple pages? For example, if I click on an image, a dropdown menu should appear. This same image appears on multiple pages, so the dropdown menu should display when clicked.
Fiddle: http://jsfiddle.net/exuY9/1/
<ul id="container">
<li class="draggable">
<div class="header">
<h1>1</h1>
<div class="button"></div>
<div class="button dropmenu" id="menuwrap">
<a href="#" class="dropdown"><img src="../images/Forward.JPG"></a>
<ul class="menucontainer" style="margin:0px" id="dr1">
<li><a href="#">One</a></li>
<li><a href="#">Two</a></li>
<li><a href="#">Three</a></li>
</ul>
</div>
<div class="button"></div>
</div>
</li>
<li class="draggable">
<div class="header">
<h1>2</h1>
<div class="button minimize"></div>
<div class="button dropmenu" id="menuwrap2">
<a href="#" class="dropdown"><img src="../images/Forward.JPG"></a>
<ul class="menucontainer" style="margin:0px" id="dr2">
<li><a href="#">One</a></li>
<li><a href="#">Two</a></li>
<li><a href="#">Three</a></li>
</ul>
</div>
<div class="button maximize"></div>
</div>
</li>
</ul>