XF 1.5 How to implement a simple JavaScript slidemenu?

[acetotal]

>> 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>
</xen:if>

Fragzone_navicons.css

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

 

[acetotal]

Anyone? Is this hard to do with Xenforo?

 

[acetotal]

Bump.