рони,
не хочется злоупотреблять Вашим временем, но подскажите, идея данного меню заключается в том что при нажатии на категорию рядом с помощью AJAX появится список подкатегорий.
могу ли я сделать так

.
.
.
if(el == item)
{
    el.classList.add('testA');
    function AddCategory()/*функция которая запустит AJAX*/
}
else
{
    el.classList.remove('testA');
}
.
.
.

да но только без

.
.
.
if(el == item)
{
    el.classList.add('testA');
    AddCategory(el)/*функция которая запустит AJAX*/
}
else
{
    el.classList.remove('testA');
}
.
.
.

Спасибо большое

bgraf,
если строить дерево с AJAX, тогда лучше изучить делегирование, и поискать примеры.

рони,
спасибо за рекомендацию, обязательно изучу.
но в целом уже все сделал. создал объект XMLHttpRequest все подключил, на стороне сервера сделал выборку по id элемента подгрупп , создал список и вставил его через innerHTML в блок стоящий рядом.
единственное у меня есть иконки для групп при наведении и после клика они должны поменяться на другой цвет. и тут что то заморочился, в css при hover не знаю как поменять их, все меню динамическое из mysql поэтому прямо прописать на каждую категорию не могу, хотя в базе есть поля img_on and img_off при создании кидаю сразу поле img_on. при клике еще понимаю как на js поменять src img а вот как отследить и поменять hover черт его знает. рони, еще раз спасибо за Ваши ответы научился новому, до этого бы писал топорно и увеличил бы код в разы, а с Вами обошлось несколькими строчками. Вам + большой и надеюсь в будущем смогу рассчитывать на этот форум и на профecсионалов как Вы!!!!

bgraf,
без кода сложно что-либо подсказать.

рони,
Спасибо большое за Ваш материал