Question

I have form that will hide or show sections based upon the form input.

For example, a user selects widget type in a step 1 div.

Step 2 is currently hidden with display:none, but I want to set subdiv_detail in step 2 to display:none ahead of time. When step 2 is shown, subdiv_detail is hidden.

I think that because my outer div is hidden, I cannot call jquery’s hide() on the inner div.

Any help appreciated. Thanks.

— UPDATE —

I figured out what the problem was. I had an animation running on hide that I forgot to change.

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

Must be:

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

Answer 1

.hide & .css both work fine.

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

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