Snap.js | creating beautiful mobile shelfs in Javascript ( Facebook | Frontend Framework library

i'm building an hybrid angular app and i have a problem with my dropdown menu. It doesn't open, instead, it redirect me. I think the dependency are loaded in the correct order. I'm using bootstrap 3.1.1 and jquery 2.1.3. This is the html code i refer to:

I'm a beginner with svg and I have an svg that I'm trying to animate the rotation to -45 degrees. I'm using Snap.js to handle the animation. The animation is not behaving like I'm expecting it to and I'm not sure how to fix it. The animation finishes in the correct position but when it rotates, it seems to be shifting to the right and then shifting back to the left as it rotates to the end position.

Sorry if that explanation is confusing, I've provided links to some JS fiddles I've made so anyone who is helping can compare the two. The CSS fiddle is to simply demonstrate the motion i'm looking to do with Snap: a smooth rotation to the new position without shifting right then left. Below is the code I've used:

I'm trying to get the (load in order) example to work. Here is my code. I load snap.js and then my code in loadsvg.js it has my plugin. Then main.js with my code calling the function. I get a error in console that says "base.loadFilesDisplayOrdered is not a function". So it can't find it any help will be appreciated. Thanks

I've been trying to make a simple notification "pop-up", but my dyslexia is my enemy. (Took me 3 hours to find that I've written "scr" instead of "src"

The script itself is a pre-written script (http://justindomingue.github.io/ohSnap/) This is my html code:

See my jsFiddle for testing.

I am using these two js/jquery plugins, Ken Wheelers Slick Slider and Jakie Stfu Snap.js plugins, which both rely on touch events to fire their functions.

I want to be able to use the plugins in conjunction with each other. I've created a jsFiddle of my exact working environment.

You can see the snap.js draw slide works great. And the Slick Slider touch events also work great too, but only when slick sliders touch-scrolling left. If I try and touch-scroll right, it opens the snap.js menu draw.

My question is can anyone help me make the Slick Slider have dominance over the snap.js plugin? Only in the carousel area so that snap.js can work as normal on all other areas.

Here is my code which is all standard demo code from both plugins.