我的功能:
function ChangeStep(id)
{
var i = 1;
// hide all other tabs:
while(i<10) {
var divID = 'tabs' + i;
if (divID !== null) {
document.getElementById(divID).className += " hide";
}
i++;
}
// show this one
document.getElementById(id).className += " show";
}
我怎么称呼它:
<div id="prev"><img src="img/prv.png" onClick="ChangeStep('tabs1'); return false;"></div>
<div id="next"><img src="img/nxt.png" onClick="ChangeStep('tabs2'); return false;"></div>
我要显示/隐藏的 div:
<div id="tabs1" class="hide"><h1>Step 1</h1></div>
<div id="tabs2" class="show"><h1>Step 2</h1></div>
我的CSS:
.hide { visibility: hidden; }
.show { visibility: visible; }
基本上我想做的是:当我单击下一步或上一个时,通过隐藏所有其他选项并显示它来显示相应的“选项卡”。这应该通过添加类“隐藏”或“显示”来完成,具体取决于它是隐藏还是可见。