Question

我出于某种原因遇到了麻烦，我似乎无法知道如何...... 我正在进行一个测验，首先是一个开始按钮，然后是按钮＆＃34; next＆＃34;和＆＃34; prev＆＃34;按钮..当我点击开始按钮时，问题1和答案1将出现，开始按钮消失，当我然后点击下一个它正在加载第二个问题，但不是答案2

我的代码：

// Hide / Show actions
function hideStartButton() { document.getElementById("start-button").style.display = "none";}
function showAnswers1() { document.getElementById("answers1").style.display = "block"; }
function hideAnswers1() { document.getElementById("answers1").style.display = "none";  }
function showAnswers2() { document.getElementById("answers2").style.display = "block"; }
function hideAnswers2() { document.getElementById("answers2").style.display = "none";  }

完整代码： http://jsfiddle.net/5jz092cb/

当我不使用hideAnswer1（）时它会加载答案2;否则它出现了吗？

Answer 1

<强> CSS

.hidden {display: none;}

<强>的JavaScript

change('answers1','hidden');
change(document.getElementById('answers1'),'hidden');
//etc.

function change(id,c)
{
 if (id_(id)) {id_(id).className = c; if (id_(id).className=='') {id_(id).removeAttribute('class');}}
 else if (id) {id.className = c; if (id.className=='') {id.removeAttribute('class');}}
 else {alert('Error: the class id \''+id+'\' was not found or has not yet been imported to the DOM.\n\nNew class intended: '+c);}
}

你需要经常在这种场景中隐藏和同时显示图层，所以你可能需要做一些像< em> loop 通过并隐藏除之外的所有元素。

display：none / block onclick混乱

1 个答案: