Fix dropdown on click for multitier menus

This is quite of an hack to handle dropdown on click for multitier menus.
Basically this should solve:
1) Parent menu items with own href != "#" again reachable in mobile devs (with mobile menu)
2) Dropdown on click for menu items with depht > 0
4) In mobile devs with width => 980px (i-pad, for example), when you have a situation 
like the one in 1) the first click will open the submenu, the second will take you to the href

I've tested it:
a) using dropdown on click menu
b) a) or dropdown on hover, with a samsung tablet (width < 980 px)
c) a) or dropdown on hover,  ipad with google-chrome emulator.
if you wanna make tests with gc emulator and mobile you should add this custom css
@media (min-width: 980px){
    .tc-open-on-click .dropdown-submenu:hover>.dropdown-menu {
        display: none;
    }
}
this 'cause the emulator still catches the 'hover' event.

Further tests may be required.