[oslayer]

Как работает
При клике скрипт назначает всем

<li class="had_child active_m">

А нужно что бы назначалось только в текущем блоке меню верхнего уровня.
Что то вроде

<li class="open">

а остальные блоки с

<li class="had_child active_m">

без изменений

Признаки текущего блока

<ul style="display: block;">
<span class="ttnavigation ttopen"><a href="javascript:void(0)"></a></span>

Признаки не текущего блока

<ul style="display: none;">
<span class="ttnavigation ttclose"><a href="javascript:void(0)"></a></span>

Есть код JS

$(function(){
    $(".originalmenu span.ttnavigation").on("click", function(){
	   $('#ma-mobilemenu .had_child').addClass('active_m');
    });
});

<ul id="ma-mobilemenu" class="mobilemenu originalmenu nav-collapse collapse expand_menu">
-----------Блок меню 1----------------------
<li class="had_child">
<a href="#">Пункт меню 1 уровня</a>
<ul style="display: block;">
<li><a href="#"><span>Пункт меню 2 уровня</span></a></li>
<li><a href="#"><span>Пункт меню 2 уровня</span></a></li>
<li><a href="#"><span>Пункт меню 2 уровня</span></a></li>
<li><a href="#"><span>Иван-чай</span></a></li>
<li><a href="#"><span>Пункт меню 2 уровня</span></a></li>
</ul>
<span class="ttnavigation ttopen"><a href="javascript:void(0)"></a></span>
</li>

-----------Блок меню 2----------------------
<li class="had_child">
<a href="#">Пункт меню 1 уровня</a>
<ul style="display: none;">
<li><a href="#"><span>Пункт меню 2 уровня</span></a></li>
<li><a href="#"><span>Пункт меню 2 уровня</span></a></li>
<li><a href="#"><span>Пункт меню 2 уровня</span></a></li>
<li><a href="#"><span>Пункт меню 2 уровня</span></a></li>
<li><a href="#"><span>Пункт меню 2 уровня</span></a></li>
</ul>
<span class="ttnavigation ttclose"><a href="javascript:void(0)"></a></span>
</li>

И так далее

</ul>