Не отображается меню
 

Привет всем. На сайте http://m92887ky.bget.ru/ есть два меню в самом верху и под логотипом. При больших разрешениях они нормально отображаются. А вот если разрешения уменьшать а именно < 991 px как указано в файлах mainmenu.js и topmenu.js почему-то перестают отображаться. Если подключить jquery 2.1.4 то все нормально во всех разрешениях, а если без jquery 2.1.4, то вот такая проблема. Как исправить чтобы без подключения jquery 2.1.4 работало. Эта версия jquery 2.1.4 конфликтует с другим компонентом который подключает js тоже

Можете подсказать как решить проблему? Или дайте пожалуйста ссылку на многоуровневое горизонтальное меню на css3 если есть

Если подключать jquery в шаблоне (сайт делается для джумла 3) то работает. Если в шаблоне не подключать (джумла сам подключает jquery)

то этот код меню не работает

$(document).ready(function(){ 
	var touch 	= $('#touch-menu');
	var menu 	= $('.menu');

	$(touch).on('click', function(e) {
		e.preventDefault();
		menu.slideToggle();
	});
	
	$(window).resize(function(){
		var w = $(window).width();
		if(w > 767 && menu.is(':hidden')) {
			menu.removeAttr('style');
		}
	});
	
});

вот ссылка на архив с исходным рабочим меню скачать в статье какой-то https://yadi.sk/d/3JhmiMT0jAk3q. Как его переделать так чтобы меню работало, не подключая в шаблоне jquery т.к. джумла сама подключает все что нужно