如何逐步显示div标签

Question

我在div标签中有form标签集合,如下所示:

<form ...>
  <div id="div1"> ... </div>
  <div id="div2"> ... </div>
  ...
  ...
</form>

我想只显示div1在可见区域而不是用户按下时next,显示下一个div标签div2,依此类推.

我怎样才能做到这一点？

我对可用于实现此目的的不同方法知之甚少,但我对Javascript有一些了解,因此任何想法都将受到赞赏.

PS请尽可能提供示例代码,我也想要客户端脚本.

Answer 1

这里有一些可能有帮助的javascript和html演示.增加当前整数.你也可以用 - 而不是后退.有很多方法可以做到这一点.这只是我想到的一个.

<img src="mynextbutton.jpg" onclick="showNext()" />
<form ...>
  <div id="Div0" style="display:inherit;"> ... </div>
  <div id="Div1" style="display:none;"> ... </div>
  <div id="Div2" style="display:none;"> ... </div>
  ...
  ...
</form>

//---------------------------------------------------

var currentDiv = 0;
function showNext()
{
     document.getElementById("Div"+currentDiv).style.display = "none";
     currentDiv ++;
     document.getElementById("Div"+currentDiv).style.display = "ihherit";


}