https://www.gr-tek.com.au/script.js

1( function( $ ) {
2$( document ).ready(function() {
3$('#cssmenu').prepend('<div id="indicatorContainer"><div id="pIndicator"><div id="cIndicator"></div></div></div>');
4    var activeElement = $('#cssmenu>ul>li:first');
5
6    $('#cssmenu>ul>li').each(function() {
7        if ($(this).hasClass('active')) {
8            activeElement = $(this);
9        }
10    });
11
12
13	var posLeft = activeElement.position().left;
14	var elementWidth = activeElement.width();
15	posLeft = posLeft + elementWidth/2 -6;
16	if (activeElement.hasClass('has-sub')) {
17		posLeft -= 6;
18	}
19
20	$('#cssmenu #pIndicator').css('left', posLeft);
21	var element, leftPos, indicator = $('#cssmenu pIndicator');
22	
23	$("#cssmenu>ul>li").hover(function() {
24        element = $(this);
25        var w = element.width();
26        if ($(this).hasClass('has-sub'))
27        {
28        	leftPos = element.position().left + w/2 - 12;
29        }
30        else {
31        	leftPos = element.position().left + w/2 - 6;
32        }
33
34        $('#cssmenu #pIndicator').css('left', leftPos);
35    }
36    , function() {
37    	$('#cssmenu #pIndicator').css('left', posLeft);
38    });
39
40	$('#cssmenu>ul').prepend('<li id="menu-button"><a>Menu</a></li>');
41	$( "#menu-button" ).click(function(){
42    		if ($(this).parent().hasClass('open')) {
43    			$(this).parent().removeClass('open');
44    		}
45    		else {
46    			$(this).parent().addClass('open');
47    		}
48    	});
49});
50} )( jQuery );