Fazendo submenus exclusivos

Eu realmente não sei como explicar o que estou procurando por mim tão nu. No meu site, tenho um menu lateral com um monte de sub-categorias com alguns itens em cada um. Eu quero saber se existe uma maneira de fechar todas as outras subcategorias abertas quando eu abrir outra, por exemplo:

1. Animals ----A. Cats ----B. Dogs 2. People ----A. Samantha ----B. Daniel 

Quando eu pressiono “Animais”, quero “Pessoas” para fechar e vice-versa para que o menu seja sempre:

 1. Animals ----A. Cats ----B. Dogs 2. People or 1. Animals 2. People ----A. Samantha ----B. Daniel 

e não abrir tudo de uma vez. Espero que vocês entendam o que estou procurando.

Solutions Collecting From Web of "Fazendo submenus exclusivos"

Estou fazendo alguns pressupostos aqui, como se você estivesse escrevendo o código para o tema, ou pelo menos a capacidade de modificar o JavaScript de alguma forma.

Você pode realizar isso usando jQuery usando o código ao longo dessas linhas:

 $(document).ready(function () { $('.parent ul').slideUp(); $('.parent > li > a').on('click', function (e) { e.preventDefault(); var $this = $(this); $this.parent().siblings().find('ul').slideUp(); $this.siblings('ul').slideDown(); }); });