Javascript-форум - Доступ к DOM-элементу

Доброе время суток всем!

Имеется такой кусок html:

<ul id="menu" menu1>

                		<li ng-repeat="category in categories"><span></span><strong></strong><a href="{{category.href}}" class="menu_a_{{category.num}}">{{category.name}}</a>
                          			<ul class="submenu_1 submenu_bg{{category.num}}">
                              					<li ng-repeat="subcategory in category.children" class="submenu_line"><a href="{{subcategory.href}}">{{subcategory.name}}</a></li>
                          			</ul>

			</li>
	</ul>

В идеале, мне нужно получить доступ целиком к этому куску.
То есть, что бы я мог сделать например так:

$("#menu").fadeIn();

или

$("#menu>li").fadeIn();

Каким образом это можно сделать?

Пытался использовать директиву, применительно к элементу

<ul id="menu" menu1>

Но так вложенные <li> недоступны.

Если применить директиву к элементам <li>, то недоступен родительский <ul>

Директиву вот так использую:

App.directive("menu1", function ($compile) {
function link (scope, element, attr) {

test (element);
  }
  
  return {
	  link: link(),
	  scope: true
  }
});