title: how to show div after another div is shown
body: <p>I am trying to create a survey evaluation box.</p>
  
  <p>I made a div and inserted 4 headings in them. they are displayed none.</p>
  
  <p>the survey has four questions and after the 4th question is answered the Evalv box is appearing.</p>
  
  <p>What I am trying to do is when eval div has appeared it must show (question 1 valid...then after 1-sec question 2 valid... and so On) And then result box must appear.</p>
  
  <p>Hope You are getting what I am trying to say...</p>
  
  <p>Now I am able to get up to show the evaluation box but not the animation part. I am new to jquery and I not getting the any logical steps so I can follow them.</p>
  
  <p>I appreciate any form of help guys. And thanks in advance for your time.</p>
  
  <p>Here is the link for the page I am trying to model: <a href="http://courses.healthshul.com/test1/" rel="nofollow noreferrer">http://courses.healthshul.com/test1/</a></p>
  
  <p>After completion of 4 questions the survey evaluation part I am not able to model.</p>
  
  <p>thanks again</p>