Wordpress navagation menu, sub nav drop down on hover instead of on click

Problem

I am having a problem with my site: http://tinyurl.com/lc4ewwf

I want the Navigation Menu to display the Sub Menu when you hover over it. At the moment it only displays when you click on it. What would be the best solution to achieve this?

I was just going to install a plugin called ubermenu to replace the current one, but this WordPress theme is out of date, and that solution wouldn't work.

Problem courtesy of: Nadim Dayoub

Solution

your issue resides in the Twitter Boostrap dropdown script.. it works on click by default. here is a solution on SO: How to make twitter bootstrap menu dropdown on hover rather than click

Solution courtesy of: kingkode

Discussion

use this i tested through console it is working fine.

jQuery('.dropdown-menu').parent().hover(function(){
    jQuery('.dropdown-menu').parent().removeClass('open');
    jQuery(this).addClass('open');
}, function(){
    jQuery(this).removeClass('open');
});
Discussion courtesy of: Sumit

This recipe can be found in it's original form on Stack Over Flow.