Basically I would need your help so that when I press the question button and the answer opens scrollie so I can see the answer on the screen. Since what happens when I open the third question I can not see the answer and I have to go down scrolling. Thanks
<ul class="preguntas-help">
<li><h2 onclick='showHide(0)'>¿Quienes somos?</h2></li>
<li><p style= "display: none"> Lorem ipsum dolor sit amet
</p></li>
<li><h2 onclick='showHide(1)'>¿Cómo funciona?</h2></li>
<li><p style= "display: none">Lorem ipsum dolor sit amet
</p></li>
<li><h2 onclick='showHide(2)'>¿Qué son los grados?</h2></li>
<li><p style= "display: none"> Lorem ipsum dolor sit amet,
</p></li>
</ul>
</div>
</div>
</div>
<script>
function showHide(num) {
var parrafo = document.getElementsByTagName('p');
parrafo[num].style.display == "none" ? parrafo[num].style.display = 'block' : parrafo[num].style.display ='none';
}
</script>