2012-02-29 164 views
0

我有一个窗体可以根据表单输入隐藏或显示部分。在隐藏div中隐藏div?

例如,用户在步骤1 div中选择窗口小部件类型。

步骤2目前是隐藏与显示:没有,但我要在步骤2中设置subdiv_detail以显示:提前没有。当显示第2步时,subdiv_detail被隐藏。

我觉得,因为我的外层div是隐藏的,我不能叫jQuery的隐藏()在内部DIV。

任何帮助表示赞赏。谢谢。

--- UPDATE ---

我想出了问题所在。我有一个隐藏的动画,我忘了改变。

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

必须是:

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

为什么subdiv_detail在渲染时不能显示style =“display:none”? – Dave 2012-02-29 19:30:30

+0

因为如果在步骤1中选择了不同的选项,它应该是可见的。 – Bryan 2012-02-29 22:43:52

回答

4

.hide & .css都工作得不错。

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

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

+0

其他的东西必须改变我的元素的可见性。很好的例子。谢谢。 – Bryan 2012-02-29 22:34:28

1

通过css隐藏内部​​div。

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

通过jQuery的,如果你调用hide()方法会做同样的事情。

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