Desaparecer Menús Y Sub Menús de un Spry en Dw Cs6

[Landa11]

Hola que tal, mi pregunta es la siguiente:

Tengo una página donde inserte un menú Spry y agregue el acceso a unas cámaras web, pero lo que quiero es que al momento de logearme con un usuario X ó Y sólo le de acceso a ciertas cámaras de ese menú y que los demás estén deshabilitados o que estén ocultos.

¿Alguien sabe como puedo hacer la desactivación o el mantener oculto ciertos elementos?

Gracias por el apoyo y espero alguien me pueda resolver mi duda.

Miren algo así es mi código que utilizo en Dw Cs6:

*Necesito sólo mostrar una sucursal y una tienda con sus 3 cámaras

En este caso cómo lo puedo hacer pues he utilizado la opción hidden pero me desaparece todo y no me deja seleccionar nada

Código CSS:

<ul id="MenuBar1" class="MenuBarHorizontal">
  <li><a class="MenuBarItemSubmenu" href="#">sucursal 1</a>
    <ul>
      <li><a href="#" class="MenuBarItemSubmenu">Tienda 1</a>
        <ul>
          <li><a href="#">Camara 1</a></li>
          <li><a href="#">Camara 2</a></li>
          <li><a href="#">Camara 3</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Tienda 2</a>
        <ul>
          <li><a href="#">Camara1</a></li>
          <li><a href="#">Camara 2</a></li>
          <li><a href="#">C&aacute;mara 3</a></li>
        </ul>
      </li>
      <li><a href="#">Tienda 3</a></li>
    </ul>
  </li>
  <li><a href="#">sucursal 2</a></li>
  <li><a class="MenuBarItemSubmenu" href="#">sucursal 3</a>
    <ul>
      <li><a class="MenuBarItemSubmenu" href="#">Tienda 1</a>
        <ul>
          <li><a href="#">Camara 1</a></li>
          <li><a href="#">Camara 2</a></li>
        </ul>
      </li>
      <li><a href="#">Tienda 2</a></li>
      <li><a href="#">Tienda 3</a></li>
    </ul>
  </li>
  <li><a href="#">sucursal 4</a></li>
</ul>
 

[Carlangueitor]

Si código Javascript, no veo por que postear en el foro de javascript. esto debería ir en la sección de editores web, espera a que lo muevan.

Saludos