[SolomonRei]

Опять проблема.не силен в js.
при клике по блоку

<div class = "sub-menu-title">GTA</div>

меню должно скрываться и при повторном скрываться.
Я попробовал вот так написать,но тогда все элементы скрываются, подскажите как скрыть один список.Я пробовал добавлять родительский блок,и через функцию children(),но тоже почему-то скрываются два

$('.sub-menu-title').on('click', function() {
	    	$(this.parentNode).find('.sub-menu-ul').fadeToggle(800);
	    });

<div class = "rub-menu">
					<div class = "sub-menu">
						<div class = "before-ico"></div>
						<div class = "sub-menu-title">GTA</div>
						<ul class = "sub-menu-ul">
							<li class = "sub-menu-li"><a href = "#1">Машины</a></li>
							<li class = "sub-menu-li"><a href = "#2">Скрипты</a></li>
							<li class = "sub-menu-li"><a href = "#3">Мультиплеер</a></li>
						</ul>
						<div class = "before-ico"></div>
						<div class = "sub-menu-title">GTA</div>
						<ul class = "sub-menu-ul">
							<li class = "sub-menu-li"><a href = "#1">Машины</a></li>
							<li class = "sub-menu-li"><a href = "#2">Скрипты</a></li>
							<li class = "sub-menu-li"><a href = "#3">Мультиплеер</a></li>
						</ul>
					</div>
				</div>
				<div class = "rub-menu">
					<div class = "sub-menu">
						<div class = "before-ico"></div>
						<div class = "sub-menu-title two">Что-то</div>
						<ul class = "sub-menu-ul">
							<li class = "sub-menu-li"><a href = "#1">Что-то</a></li>
							<li class = "sub-menu-li"><a href = "#2">Что-то</a></li>
							<li class = "sub-menu-li"><a href = "#3">Что-то</a></li>
						</ul>
					</div>
				</div>