App not functioning correctly after adding Jquery tutorial

App not functioning correctly after adding Jquery tutorial

So, I've added this cool tutorial to my project www.leapfm.com, however
now when the other Javascript functions aren't working.
E.g. If you hover over the Leapfm logo the tab background of the tab will
change. Albeit, that should happen to all tabs. Also, if you login and
hover over the Profile tab it no longer displays the dropdown menu.
These things happened after adding the Jquery tutorial. Which consists of:
guidersonclick.js
$('.click').click(function() { guiders.show('first') });
guiders.createGuider({
buttons: [{ name: 'Next' }]
, description: 'Follow this short 7 tip tutorial and learn how to get the
most out of Leap. It will only take a few minutes :)'
, id: 'first'
, next: 'second'
, overlay: true
, title: 'Welcome to LeapFM! Mini Tutorial:'
});
guiders.createGuider({
attachTo: '.title'
, buttons: [{name: 'Close'}, {name: 'Next'}]
, description: 'The number of leaps a song gets determines how high it
will rank on the charts. A song with more leaps will rank higher than a
song with less leaps.'
, id: 'second'
, next: 'third'
, position: 7
, title: 'Tip 1. Ranking system:'
});
The guiders.js plugin as well as the Jquery.min.js plugin.