Looping through numerous divs doesn't stop?

Hi
I'm using Javascript to loop through a set amount of divs.
My page has a load of divs (see code snippet) that show questions and answers
i.e.
a1
q1
a2
q2 etc...

Now I try to loop through them all with my code ....

function showAnswers() {
                  
                  var i=1;
                  var question = document.getElementById("q"+i);

                  while (question != null)
                  {
                        alert(i);
                        i=i+1;
                  }


            }

This does show an alert but it doesn't stop! It just keeps going.
Any ideas how to ensure it stops when there's no more divs on the page?

Thanks
H

Start Free Trial

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:

<div class="faq">
			FREQUENTLY ASKED QUESTIONS
			</div>
			<div id="q1" class="question" onclick="showAnswers();">
				Q: What are the ...			</div>
			<div id="a1" class="answer">
	 			blah 			</div>
			<div id="q2" class="question">
				Q: Difference between ...			</div>
			<div id="a2" class="answer">
				blah ....			</div>