我有一个教学网页，在特定部分 (DIV) 中，一系列问题必须一个接一个地出现。一旦用户回答了 Q1，Q2 就会显示在下方，依此类推。
这是结构：
Mother_DIV 包含：带有问题的文本和一个 Button1
DIV2 as display=none 其中包含：对上述问题的回答 + 文本和一个 Button2
DIV3 as display=none which contains:
Answer to question above + text and a Button3
如果需要，依此类推。
有一个js的show(element)函数，可以将任意元素的显示样式改为“内联”，每个按钮都必须将fillowing DIV的显示改为内联。
按钮 1 有： onclick=show('DIV2') 现在当 DIV2 可见时，Button2 也可见
按钮 2 有： onclick=show('DIV3') 现在当 DIV3 可见时，Button3 也可见...
该脚本在 IE9 上就像一个魅力。
在 Firefox 或 Webkit 浏览器上，事情变得很忙！
Button1 工作并显示 DIV2，但随后 Button2 未被识别为按钮！单击无效，鼠标悬停不会将指针更改为手形。
为了修复它，我改变了结构：
Mother_DIV 包含：Button1 和 Button2 和 Button3 等。加上一些文本
DIV2 as display=none 其中包含：文本
DIV3 as display=none which contains:
text
猜猜看：所有按钮现在都在工作，每个连续的 DIV 都与其文本块一起显示！
唯一的问题是这个 UI 是不可接受的，因为当文本太长并且用户向下滚动时，按钮不再出现在页面的可见部分。
有人知道如何处理和保存我的一天吗？