Доступный способ скрытия элемента до $ (document) .ready ()? JQuery?

У меня есть большой опрос, который я сделал более удобным для использования с jQuery, организовав его по разделам и используя аккордеонное меню для пролистывания каждого раздела.

Проблема в том, что при заметке $ ( document) .ready () запускает и уплотняет все в аккордеонное меню. То есть до $ (document) .ready () вы можете просмотреть весь опрос.

Я действительно рассматривал возможность установки #surveyForm в : нет ; в css и от # surveyForm.active до - display: block; , но это создает новую проблему:

Браузеры без включенного JavaScript никогда не увидят #surveyForm. активны, и поэтому они не смогут использовать опрос.

Есть идеи?

Приветствия

-Иайн