Проблема с отзывчивым мобильным меню с отзывчивым мобильным ⇐ Html

[Anonymous]

Я использую это отзывчивое мобильное меню для своего сайта, теперь я хочу показать/скрыть только тогда, когда пользователь нажимает, чтобы решить область изображения. Меню в настоящее время скрывается, если пользователь нажимает на любую ссылку, и я не хочу.

my js code:

Код: Выделить всё

function responsiveMobileMenu() {
$('.rmm').each(function() {
$(this).children('ul').addClass('rmm-main-list');   // mark main menu list
var $style = $(this).attr('data-menu-style');   // get menu style
if ( typeof $style == 'undefined' ||  $style == false )
{
$(this).addClass('graphite'); // set graphite style if style is not defined
}
else {
$(this).addClass($style);
}
/*  width of menu list (non-toggled) */
var $width = 0;
$(this).find('ul li').each(function() {
$width += $(this).outerWidth();
});
// if modern browser
if ($.support.leadingWhitespace) {
$(this).css('max-width' , 1934+'px');
}
//
else {
$(this).css('width' , 1934+'px');
}
});
}
function getMobileMenu() {
/*  build toggled dropdown menu list */
$('.rmm').each(function() {
var menutitle = $(this).attr("data-menu-title");
if ( menutitle == "" ) {
menutitle = "Menu";
}
else if ( menutitle == undefined ) {
menutitle = "Menu";
}
var $menulist = $(this).children('.rmm-main-list').html();
var $menucontrols ="" + menutitle + "   ";
$(this).prepend(""+$menucontrols+"[list]"+$menulist+"[/list]");
});
}

function adaptMenu() {

/*  toggle menu on resize */

$('.rmm').each(function() {
var $width = $(this).css('max-width');
$width = $width.replace('px', '');
if ( $(this).parent().width() < $width*1.05 ) {
$(this).children('.rmm-main-list').hide(0);
$(this).children('.rmm-toggled').show(0);
}
else {
$(this).children('.rmm-main-list').show(0);
$(this).children('.rmm-toggled').hide(0);
}
});

}

$(function() {

responsiveMobileMenu();
getMobileMenu();
adaptMenu();

/* slide down mobile menu on click */

$('.rmm-toggled, .rmm-toggled .rmm-button').click(function(){
if ( $(this).is(".rmm-closed")) {
$(this).find('ul').stop().show(300);
$(this).removeClass("rmm-closed");
}
else {
$(this).find('ul').stop().hide(300);
$(this).addClass("rmm-closed");
}
});

});
/*  hide mobile menu on resize */
$(window).resize(function() {
adaptMenu();
});

my jsfiddle: пример
есть идея или предложение?

Подробнее здесь: https://stackoverflow.com/questions/203 ... obile-menu