XF 1.5 How to implement a simple JavaScript slidemenu?


>> My site <<
>> What I would like to add to my Xenforo <<

I need help to get this Javascript slidemenu to work on my Xenforo 1.5 portal. I know this is very much to ask for, but could someone please be so kind to explain to me, step-by-step, how I can get this to work?

The files (Pastebin):

- js/classie.js
- js/modernizr.custom.js
- css/component.css
- css/default.css
- Index.html

I hope I can use a icon-button in my navigation to open the slide menu. I'm using FragZone theme with icon navTabs. One example:

Navigation Template:

<!-- Shoutbox -->

<xen:if is="!{xen:helper ismemberof, $visitor}">
<li class="navTab shoutbox PopupClosed" style="text-color: #008000"><a href="http://arcticelite.com/index.php?taigachat/" class="navLink"><xen:if is="@xb_usehomeicon"><i class="fa fa-home"></i><xen:else />Shoutbox</xen:if></a></li>


.navTabs .navTab.shoutbox .navLink
background: url(@imagePath/xenforo/sources/navShout.png) no-repeat center 10px;