The Mega Menu was working great. And the tab rollover was working great as well on it own. I built it out side of the site and then brought it in once it was functioning the way i wanted it.
When i added the UI switcher to my site, it breaks. Through deduction I've established that the conflict arises when the jkmegamenu.js file loads. In a way this make sense as both methods use the #id as a reference from the link and the content.(adding the #ID to a href )
Don't fall into the "framework" trap and learn how to use css to your advantage.