title: I'm trying to get divs to show consecutively on click
body: <p>This 'click' trigger:</p>
  
  <pre><code>&lt;li class="booking"&gt;&lt;a href="#page_7"&gt;Book Me&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>Here's the jQuery:</p>
  
  <pre><code>&lt;script type='text/javascript'&gt;
       $('.booking').click(function(){
       $('#svc_panel')fadeIn(function(){
       $('#date_panel,#time_panel,#confirm_panel')hide();
       });
    });
  
  
            $('.date_button').click(function(){
                  $('#date_panel').fadeIn(function(){
                  $('#svc_panel,#time_panel,#confirm_panel,').hide();
                  });
            });
  
            $('.time_button').click(function(){
                  $('#time_panel').fadeIn(function(){
                        $('#svc_panel,#date_panel,#confirm_panel').hide();
                  });
            });
  
            $('.confirm_button').click(function(){
                  $('#confirm').fadeIn(function(){
                        $('#csvc_panel,#date_panel,#time_panel').hide();
                  });
            });
  
      });
      &lt;/script&gt;
  </code></pre>
  
  <p>and the HTML:</p>
  
  <pre><code>&lt;div id="svc_panel"&gt;
  
                      &lt;table style="margin-left:30px;width:100%;text-align:left;"&gt;
  
                          &lt;tr style="height:25px;"&gt;
  
                              &lt;th style="width:500px;font-weight:bold;font-size:14px;"&gt;Service&lt;/th&gt;
  
                              &lt;th style="width:100px;font-weight:bold;font-size:14px;"&gt;Duration&lt;/th&gt;
  
                              &lt;th style="width:100px;font-weight:bold;font-size:14px;"&gt;Cost&lt;/th&gt;
  
                          &lt;/tr&gt;
  
                          &lt;tr&gt;
  
                              &lt;td&gt;&lt;a href="#" class="date_button"&gt;First Service&lt;/a&gt;&lt;/td&gt;
  
                              &lt;td&gt;60 Minutes&lt;/td&gt;
  
                              &lt;td&gt;$100&lt;/td&gt;
  
                          &lt;/tr&gt;
  
                          &lt;tr&gt;
  
                              &lt;td&gt;&lt;a href="#" class="date_button"&gt;Second Service&lt;/a&gt;&lt;/td&gt;
  
                              &lt;td&gt;30 Minutes&lt;/td&gt;
  
                              &lt;td&gt;$60&lt;/td&gt;
  
                          &lt;/tr&gt;
  
                          &lt;tr&gt;
  
                              &lt;td&gt;&lt;a href="#" class="date_button"&gt;Third Service&lt;/a&gt;&lt;/td&gt;
  
                              &lt;td&gt;90 Minutes&lt;/td&gt;
  
                              &lt;td&gt;$140&lt;/td&gt;
  
                          &lt;/tr&gt;
  
                  &lt;/table&gt;
  
                  &lt;/div&gt;
  
                  &lt;div id="date_panel"&gt;
  
                      &lt;p&gt;user picks date: &lt;input id="datepicker" class="time_button" type="text"&gt;&lt;/p&gt;
  
                  &lt;/div&gt;
  
                  &lt;div id="time_panel"&gt;
  
                      &lt;div&gt;user picks time on: &lt;span id="target"&gt;&lt;/span&gt;&lt;/div&gt;
  
                      &lt;table&gt;
  
                          &lt;tr&gt;
  
                              &lt;td class="time_button"&gt;&lt;a href="#"&gt;11:30 am&lt;/a&gt;&lt;/td&gt;
  
                          &lt;/tr&gt;
  
                          &lt;tr&gt;
  
                              &lt;td class="time_button"&gt;&lt;a href="#"&gt;12:30 pm&lt;/a&gt;&lt;/td&gt;
  
                          &lt;/tr&gt;
  
                          &lt;tr&gt;
  
                              &lt;td class="time_button"&gt;&lt;a href="#"&gt;2:00 pm&lt;/a&gt;&lt;/td&gt;
  
                          &lt;/tr&gt;
  
                      &lt;/table&gt;
  
                  &lt;/div&gt;
  
                  &lt;div id="confirm_panel"&gt;
  
                  You've chosen (service) on (date) at (time). Is this correct? &lt;a href="#" class="confirm_button"&gt;Yes&lt;/a&gt;
  
                  &lt;/div&gt;
  </code></pre>
  
  <p>How do I get these divs to show consecutively on click?</p>