WP a slimmenu

Momentálne mordujem jeden redesign a nefunguje mi slimmenu.
Pieskovisko kde to mordujem:
http://www.pieskovisko.6f.sk/

A plugin ktorý sa tam snažím prideptať:
http://adnantopal.github.io/slimmenu/

Tuší niekto, prečo mi to nejde? Lebo som práve stratil veškerú nádej na to, že to niekedy spojazdnim
Všimnite si položku o nás, v nej je vnorený ul, ktorému by skript mal doplniť display:none;height:0. Lenže nedoplní...
Urobil som všetko podľa návodu a v robote mi tento plugin vždy fachči, takže neviem

Asi by pomohlo prečítať si, ako funguje javascript.

Problém je v tom, že ten plugin sa ti inicializuje ešte predtým, ako sa načíta a/alebo spracuje html kód.

Ja viem o javascripte asi toľko ako ty o knihe Levitikus

Že sa inicializuje, to znamená, že sa vykoná toto?
<script type="text/javascript">
$('#navigation').slimmenu(
{
resizeWidth: '800',
collapserTitle: 'Main Menu',
animSpeed: 'medium',
easingEffect: null,
indentChildren: false,
childrenIndenter: '&nbsp;'
});
</script>

A kde to mám umiestniť?

urcite nie do body kde to mas teraz.

najlepsie vytvorit subory moj-script.js a vlozit do paticky <script src=".../moj-script.js" type="text/javascript"></script>
ale ked to chces priamo vkladat, tak tiez na koniec do paticky. a nejde ti to presne preto, co napisal chrono. na to funguje v jquery funkcia .ready(). -> vsetko co je v nej sa vykona po nacitani DOM.

takze:

kazdopadne to je zla practice pre WP na taketo veci mas enqueue scripts. BTW dufam ze si sem nedal zamestnavatelovu zakazku ...

Zamestnavatel nevie, čo to je wordpress...
A toto je btw môj druhý projekt vo WP