我有一个教学网页，在特定的部分（div）中，必须一个接一个地出现一系列问题。一旦用户回答了Q1，那么Q2就显示在下面，等等
结构如下：
Mother_DIV包含：带问题和按钮的文本1
DIV2显示=无，包含：以上问题的答案+文本和按钮2
DIV3 as display=none which contains:
Answer to question above + text and a Button3
如果需要，以此类推。
有一个js-show（element）函数可以将任何元素的显示样式更改为"inline"每个按钮都必须将允许DIV的显示更改为内联。
按钮1具有：onclick=show（'DIV2'）现在当DIV2可见时，Button2也可见
Buttton 2有：onclick=show（'DIV3'）现在当DIV3可见时，Button3也可见。。。
这个剧本在IE9上很有魅力。
在Firefox或Webkit浏览器上，事情会变得繁忙起来！
按钮1工作并且显示DIV2，但是按钮2不被识别为按钮！单击没有效果，鼠标悬停不会将指针更改为手。
为了修复它，我改变了结构：
Mother_DIV包含：按钮1、按钮2和按钮3等。加上一些文本
DIV2显示=无，包含：文本
DIV3 as display=none which contains:
text
你猜怎么着：所有按钮现在都在工作，每个连续的DIV都显示它的文本块！
唯一的问题是，这个UI是不可接受的，因为当文本太长并且用户向下滚动时，按钮就不再位于页面的可见部分。
有人知道如何处理和拯救我的一天吗？
在Javascript show函数中，尝试将显示样式设置为'block'或''。（'block'是DIV标签的默认值，''将其设置为默认值。）
加油！你知道吗？这是一种奇怪的行为，也许答案对你有用：
我有一个DIV高度=500px。该DIV包含2个子DIV：第一个子DIV是490px height-top=0。第二个是height=240px AND top=250px（大约是主DIV的下半部分）。
除非需要，否则第二个子DIV具有display＝none。因此，它是不可见的。
用IE也没问题。在其他浏览器中，不可见意味着只对眼睛不可见，但对鼠标指针不可见。
然后，当一个按钮位于主DIV的下半部分后面时，它将变为非活动状态。
不要投票<请0！