Помогите с нетривиальной задачей.
 

Привет всем.
Сам в JS в принципе рублю, но тут в ступор встал.

Есть дерево разделов на сайте. Дерево большое. Выводится в виде select-списка.

Необходимо скрыть подчиненные option-s и раскрывать исключительно тогда, когда пользователь кликает на родительский option.

Задача решилась идеально в FF, остальные браузеры option-s не скрывают. Там display:none не работает. Очевидно, буду решать проблему с помощью имитации списка.

Вопрос сейчас стоит так - как определить, можно ли реально скрыть option, что бы для FF показывать "правильный" код? Либо просто безошибочно определить FF?

Ну и советы как все же скрыть option-s в IE/Chrome тоже приветствуются.

Василий Б.,
вы наверно клик на сам option ставите?

на select ставится onchange (для разворачивания списка во все окно), на option - клик, да, для разворачивания детей. Но не в виде аттрибута, а через attachEvent

хоть так хоть так всё одно клик по опциону редкая птица поддерживает.
сделайте зависимые селекты в первом выбор раздела во втором подразделы или через кастомизацию селекта -- меню получается )))