Вобщем есть древовидное многоуровневое меню (id = "left-menu") примерно такой структуры:
 - Пакет предложений
 - Каталог товаров
    - Товары 1
    - Товары 2
    - .............
    - Товары n
И мне надо чтоб первый li (тот что "Пакет предложений") был невидимым (именно невидимым - типа как display:none).
Меню формируется динамически, естественно на php.
Сделать через псевдоклассы css такие как например :first-child неполучилось, потому как display:none присваивается и тегу li, который содержит "Товары 1". Решил сделать через javascript, но так как опыта в нем у меня крайне мало, самому откопать в гугле решение не получилось.
Вот решил спросить здесь у умных людей 
 
 
Подскажите пожалуйста решение кто знает