c# - 如何逐步显示 div 标签

Question

我在 form 标签中收集了 div 标签，如下所示:

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

我只想在可见区域显示div1，而不是当用户按下next时，显示下一个div标签，即div2，并且很快。

我怎样才能做到这一点？

我不太了解可用于执行此操作的不同方法，但我对 Javascript 有一定的了解，所以任何想法都会受到赞赏。

附言如果可能，请提供示例代码，我也想要客户端脚本。

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";


}