title: How to hide current element and show next on button click?
body: <p>I have a JQuery questionnaire website on mobile. Most of the website users use Opera Mini, and the current JQuery mobile animations are not fully supported.</p>
  
  <p>I then decided to implement a bootstrap based website, rather than JQuery mobile. This time I want to implement so that one question appears at a time,  and when a user wants to go to the next question, they just press next.</p>
  
  <p>How can I implement this?</p>
  
  <p>I currently have something like this:</p>
  
  <pre><code>$('#next').click(function(){
      $('#question1').hide();
      $('#question2').show();
  
  });
  </code></pre>
  
  <p>But I have 30 some-odd questions, so, how can I set it up dynamically with as simple of a code as possible?</p>
  
  <p>Your help would be greatly appreciated.</p>