Дело в структуре вашего html-документа. Щелкнув допустим на li с "Сувенирные изделия" мы также щелкаем на li c "Подарки" внутри которого он располагается. Можно:
1. Поменять структуру документа.
2. Присваивать li каждого уровня классы по которым их можно различать их уровень уже работать с ними.
3. Делать кучу условий, проверяющих по li какого уровня щелкнул пользователь и в зависимости от этого раскрывать одни li и не позволять сворачиваться li верхнего уровня.
Кстати такой вопрос, а какие именно ul должны быть свернутыми?? Если только последний уровень то сделать можно так:
http://learn.javascript.ru/play/tCTwZ