Utknąłem w koncepcji zanikania i pojawiania się w jQuery

Opracowuję aplikację testową online i wyciągam wszystkie pytania z pliku xml na stronę jsp ... Wszystkie pytania są wyświetlane za pomocą pętli for w jsp ... Teraz nie chcę wszystkich pytań w pojedyncza strona, raczej chcę, aby jedna po drugiej była wyświetlana, gdy użytkownik kliknie przycisk „następny”. Oto kod, którego używam i wyświetla tylko pierwsze i drugie pytanie, a od trzeciego pytania, jego zanikanie i zanikanie ... bez klikania przycisku „następny” ... potrzebujesz trochę sugestie tutaj ... dzięki ... TUTAJ JEST KOD:

$(document).ready(function(){
    var questions;      
    var counter;
    var totalQuestions;
    var currentQuestion=0;
    var i=0;                        
    totalQuestions=$("#javapaperlist").val();
    questions=$(".questions");
    questions.hide();   
    $(questions.get(currentQuestion)).fadeIn(1000); 
    $('#next').click(function(){
        $(questions.get(currentQuestion)).fadeIn(1000);
            $(questions.get(currentQuestion)).fadeOut(2000);
            currentQuestion=currentQuestion+1;
            $(questions.get(currentQuestion)).fadeIn(1000);

        });
)};

METODA = „post”>

<%

    for(int i = 0; i < javapaperList.size(); i++){
        JavaPaper paper = javapaperList.get(i);
        String text = paper.getText();
        StringTokenizer tokens = new StringTokenizer(text, "##");
        int tokensint = tokens.countTokens();

%>

<div class="questions" id=<%out.println("qx" + paper.getId());%> style="display:none" > 

<%
            while(tokens.hasMoreTokens()){
            %>  
                <label class="questiontext" ><%=tokens.nextToken()%></label><br>
         <%             
            }
         %>

         <BR>
         <BR>
         <INPUT TYPE="radio" NAME=<%out.println("question" + paper.getId());%> VALUE="A" id=<% out.println("A" + paper.getId()); %> onClick="rboc(this)" class="option">
         <% out.println(paper.getOptiona());%>
        <BR>
        <INPUT TYPE="radio" NAME=<%out.println("question" + paper.getId());%> VALUE="B" id=<% out.println("B" + paper.getId()); %> onClick="rboc(this)" class="option">
        <% out.println(paper.getOptionb());%>
        <BR> 
        <INPUT TYPE="radio" NAME=<%out.println("question" + paper.getId());%> VALUE="C" id=<% out.println("C" + paper.getId()); %> onClick="rboc(this)" class="option">
        <% out.println(paper.getOptionc());%>
        <BR>
         <INPUT TYPE="radio" NAME=<%out.println("question" + paper.getId());%> VALUE="D" id=<% out.println("D" + paper.getId()); %> onClick="rboc(this)" class="option">
         <% out.println(paper.getOptiond());%>
        <BR> 
         <INPUT TYPE="radio" NAME=<%out.println("question" + paper.getId());%> VALUE="E" id=<% out.println("E" + paper.getId()); %> onClick="rboc(this)" class="option">
         <% out.println(paper.getOptione());%>
         <br>
         <br>
        <textarea name="<%out.println("question" + paper.getId());%>" id=<% out.println("q" + paper.getId()); %>  style="display:none" onClick="clearContents(this)"><%out.println("question" + paper.getId());%></textarea>
        <br>

        <%
        if(b!=false||x==10){
            x++;
            %>
             <BR> </div>
                <input type="button" id="next" value="NEXT"  ></input>
                <BR>         
            <%
        }
      }
        %>
        <input type='hidden' value=<%out.println(javapaperList.size());%> id="javapaperlist"/>



        <input type="submit" id="submitButton" value="Submit">
    </FORM>

questionAnswers(3)

yourAnswerToTheQuestion