greenseer
- Не может быть несколько элементов с одним id на странице, используй классы.
- JS код и CSS возьми отсюда https://jsfiddle.net/e7gtubLs/
- Для скрипта нужны только класс корневого ul - .m1 и кнопка .m0.

сенькю вери мач!!!!
Огромнейшее спасибо!!!!!
мда с работой html и css быстро разобрался (около трех дней), на javascript програмирование, придется разбираться подольше.

comolov спасибо!!! приятно когда есть хорошие люди, которые помогут)))

Тема закрыта)))

Я уже всем надоел, но хотел еще спросить.
Можно ли сделать так, чтобы:
после наведения мышки на следующий уровень меню, предыдущий пункт светился, так же как при наведении. это css или js?

типа

ul ul li a:hover ul li a{
background: rgb(0,153,204);
}

само как то вышло) у меня стояло .m1 a:hover{ background: blue;}
а нужно было .m1 li :hover{ background: blue;}

все круто, но при отводе мышки в сторону background blue пропадает может кто знает как его оставить?

что то типа body:focus ~ .m1 li (которые уже выбранные){
background: blue;
}

greenseer
Посмотри здесь https://jsfiddle.net/e7gtubLs/1/
Добавил только CSS:

.m1 .hover {
  background: blue;
}

и JS три строки, посмотри внимательнее

$li.addClass('hover');
$parent.find('.hover').removeClass('hover');
$li.removeClass('hover');

Остальное без изменений.

.m1 li:hover убрать

спасибо большое))) теперь и это понятно.
Я хоть и не богат, но хочу как то отблагодарить тебя. Напиши номер карточки, задоначу хоть 100 рублей символически, за помощь)

Смотри личку.