Скрыть div внутри скрытого div?

Question

У меня есть форма, которая будет скрывать или показывать разделы на основе ввода формы.

Например, пользователь выбирает тип виджета в шаге 1 дел.

Шаг 2 в настоящее время скрыт с отображением: нет, но я хочу установить subdiv_detail на шаге 2 для отображения: нет раньше времени.Когда показан шаг 2, subdiv_detail скрыто.

Я думаю, что поскольку мой внешний div скрыт, я не могу вызвать jquery's hide () для внутреннего div.

Любая помощь приветствуется.Спасибо.

--- ОБНОВЛЕНИЕ ---

Я понял, в чем проблема.У меня на анимации была запущена анимация, которую я забыл изменить.

$('.subdiv_detail').hide(500);

Должно быть:

$('.subdiv_detail').hide();

Answer 1

.hide & .css оба работают нормально.

 $('.subdiv_detail').css('display', 'none');
 $('.subdiv_detail').hide();

http://jsfiddle.net/s5cge/4/

Answer 2

Скрыть внутренний div через css.

.subdiv_detail, #subdiv_detail{//Use the right selector based on your markup.
     display:none;
}

Через jQuery, если вы вызовете метод hide(), он сделает то же самое.

$('#subdiv_detail').hide();

Answer 3

Кажется, работает хорошо для меня. Ссылка на эту скрипку: http://jsfiddle.net/qN6k5/1/