Проблема в том что через скрипт если скрываем одну, после ответа скрываются все. Через скрытую форму не получается. Как можно тут изменить скрипт, или как вообще сделать так, что бы после ответа на 1 вопрос, он скрывался и отображался только 2й итд
<div id="1" >
<?php
s:
echo "<h1>$vopros[1]</h1>";
?>
<form method="POST">
<input type="text" name="1">
<input type="submit" value="Ввод">
</form>
<?php
foreach ($_POST as $key => $value) {
$value = strtolower($value);
if ($otvet[$key]!=$value) {
break;
goto s;
}
else
?> <script> $('#1').attr('class', 'hidden'); </script>
<script> $('#2').attr('class','1'); </script>
<?php
goto s2; } };
?>
</div>
<div id="2">
<?php
s2:
echo "<h1>$vopros[2]</h1>";
?>
<form method="POST">
<input type="text" name="2">
<input type="submit" value="Ввод">
</form>
<?php
foreach ($_POST as $key => $value) {
$value = strtolower($value);
if ($otvet[$key+1]!=$value) {
break;
?>
<script> $('#2').attr('class', 'hidden'); </script>
<?php
goto s2;
}
};
?>
</div>
<div id="3">
<?php
s3:
echo "<h1>$vopros[3]</h1>";
?>
<form method="POST">
<input type="text" name="2">
<input type="submit" value="Ввод">
</form>
<?php
foreach ($_POST as $key => $value) {
$value = strtolower($value);
if ($otvet[$key+2]!=$value) {
break;
goto s3;
}
else
?>
<script> $('#3').attr('class', 'hidden'); </script>
<?php
};
?>
</div>
<script> $('#2').attr('class', 'hidden'); </script>
<script> $('#3').attr('class', 'hidden'); </script>
</html>