I view the source of their examples and here's how to put it up:
#1 : Add dependency files. These files are needed for your script to run. The Css file, MOST OF THE TIME is not needed but there are plugins that just won't diplay correctly without them. SO, we'll just play safe and place it in
<link rel="stylesheet" type="text/css" href="http://www.sonicradish.com/labs/jGlideMenu/current/css/jGlideMenu.css" />
<!-- Current Release of jQuery - at time of build -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<!-- Remove the following line to disabled dragging-dropping / Also Edit CSS to Remove cursor:move from .jGM_header -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://www.sonicradish.com/labs/jGlideMenu/current/js/jQuery.jGlideMenu.067.min.js"></script>
#2 : Create structure of your menu. You should place all the menu items inside A div, which in this case is "jGlide" Please take note that if you want to buildup a submenu, place a "rel" attribute which should mathc "id" of a ul located within the same div.
<div class="jGM_box" id="jGlide">
<ul>
<li>Menu1</li>
<li rel="submenu2">Menu2</li>
<li>Menu3</li>
<li>Menu4</li>
</ul>
<ul id="submenu2">
<li>Menu1</li>
<li rel="submenu2">Menu2</li>
<li>Menu3</li>
<li>Menu4</li>
</ul>
</div>
#3 : Create the plugin constructor. The contructor can be placed anywhere within the document AFTER the declaration of the dependency files.
<script type="text/javascript">
$(document).ready(function(){
// Initialize Menu
// #jGlide should match Id of the wrapper of menu structure
$('#jGlide').jGlideMenu().show();
});
</script>
Hope this helps.
