Доброго времени суток! Делаю форму подачи заявки, состоящую из 3 разных разделов. Нужно чтобы по нажатию кнопки далее, 1 форма пряталась и появлялась вторая. Собственно также и со 2 и 3. Сделал чтобы пряталась 1 и появлялась вторая. А вот как быть с третьей, подскажите пожалуйста.
<script>
show.visible = '1';
show.hidden = '2';
function show(){
show.hidden = show.visible;
show.visible = (show.visible === '1')?'2':'1';
document.getElementById(show.visible).style.display = 'block';
document.getElementById(show.hidden).style.display = 'none';
}
</script>
<form action="add.php" name="myform" method="post" enctype="multipart/form-data">
<div id="1" style="display:block">
<h2>Введите номер телефона:</h2>
<input type="text" name="phone" maxlength="11"><br><br>
<h2>Введите e-mail адрес:</h2>
<input type="text" name="email" maxlength="30"><br><br>
<input type="button" onclick="show();" value="Далее">
</div>
<div id="2" style="display:none">
<h2>Выберите вид организации:</h2><br>
<input type="radio" name="vidorg" value="1" /> ИП<br /><br>
<input type="radio" name="vidorg" value="2" /> ООО<br /><br>
<input type="button" onclick="show();" value="Далее">
</div>
<div id="3" style="display:none;">
<h2>Загрузите документы:</h2><br><br>
<input type="file" name="document"><br> <br>
<input name="Submit" type=submit value="Отправить данные">
</div>
</form>