Visible y ocultar div

[ceaped]

Buenos días
Estoy realizando un Quiz y tengo esto:

Código Javascript:

<script type="text/javascript">
function mostrar(){
    document.getElementById('pregunta_2').style.display='block';
    document.getElementById('pregunta_3').style.display='block';
    avanzar.style.display="none";
}
function ocultar(){
    document.getElementById('pregunta_2').style.display='none';
    document.getElementById('pregunta_3').style.display='none';
}
</script>
 

Código HTML:

<div class="pregunta" id="pregunta_1">Pregunta 1</div>
<div class="pregunta" id="pregunta_2">Pregunta 2</div>
<div class="pregunta" id="pregunta_3">Pregunta 3</div>
 
<div class="boton_avanzar" id="avanzar" style="display:none;"  onClick="mostrar();">Siguiente pregunta</div>
 

Que busco que salga la DIV cada vez que presione el botón "Siguiente pregunta", pero me saca la 3 y no la 2.

Dos preguntas:

¿Cómo hago para ir avanzando en cada DIV?
Hay forma que me imprima en pantalla la sumatario de las buenas y malas.

Gracias por su ayuda