title: How to show hide the next div on button click in jquery?
body: <p>I have design a flight search listing page in HTML.
  Now want to show/hide (slidUp/slideDown) the next div on button click.</p>
  
  <p>Here my html markup:</p>
  
  <p><a href="http://qubedns.co.in/codes/design/rnp/flight-listing-1.html" rel="nofollow">http://qubedns.co.in/codes/design/rnp/flight-listing-1.html</a></p>
  
  <p>HTML CODE:</p>
  
  <pre><code>&lt;td class="flight-list"&gt;
  
      &lt;!-- FLIGHT 1 ---&gt;
      &lt;div class="flights"&gt;
          &lt;div class="flight-box"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-sm-3"&gt;
                      &lt;div class="flight-info"&gt;
                          &lt;div class="left-i"&gt;
                              &lt;img src="img/sp_trans.gif" class="airsprite airlogo A10"&gt;
                             &lt;div class="flight-no"&gt;SG-264&lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="right-i"&gt;
                              &lt;div class="name"&gt;Air India&lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-sm-5"&gt;
                      &lt;div class="flight-duration"&gt;
                          &lt;div class="row"&gt;
                              &lt;div class="col-sm-4"&gt;
                                  &lt;div class="events"&gt;
                                      &lt;span class="text"&gt;Depart&lt;/span&gt;
                                      &lt;span class="time"&gt;12:30 PM&lt;/span&gt;
                                      &lt;span class="route"&gt;IXA &lt;i class="fa fa-arrow-right"&gt;&lt;/i&gt; CCU&lt;/span&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div class="col-sm-4"&gt;
                                  &lt;div class="events"&gt;
                                      &lt;span class="text"&gt;Arrive&lt;/span&gt;
                                      &lt;span class="time"&gt;03:10 PM&lt;/span&gt;
                                      &lt;span class="route"&gt;IXA &lt;i class="fa fa-arrow-right"&gt;&lt;/i&gt; CCU&lt;/span&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div class="col-sm-4"&gt;
                                  &lt;div class="events"&gt;
                                      &lt;span class="text"&gt;Duration&lt;/span&gt;
                                      &lt;span class="time"&gt;1h 40m &lt;/span&gt;
                                      &lt;span class="route"&gt;No Stop&lt;/span&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-sm-4"&gt;
                      &lt;div class="fare-price"&gt;
                          &lt;div class="row"&gt;
                              &lt;div class="col-sm-6"&gt;
                                  &lt;span class="f-price"&gt;3999&lt;/span&gt;
                              &lt;/div&gt;
                              &lt;div class="col-sm-6"&gt;
                                  &lt;div class="book-action"&gt;
                                      &lt;div class="btn-group-vertical" role="group"&gt;
                                          &lt;button type="button" class="btn btn-danger btn-book" name="booknow"&gt;Book Now&lt;/button&gt;
                                          &lt;button type="button" class="btn text-primary btn-more" name="details"&gt;View More...&lt;/button&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
          &lt;/div&gt;
          &lt;div class="flight-footer"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-sm-3"&gt;
                      &lt;div class="refund-status"&gt;
                          &lt;span&gt;Refundable&lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-sm-3"&gt;
                      &lt;div class="fare-role"&gt;
                          &lt;a href="#"&gt;Fare rules&lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-sm-3"&gt;
                      &lt;div class="baggage-info"&gt;
                          &lt;a href="#"&gt;Baggage Information&lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-sm-3"&gt;
                      &lt;div class="itinerary-info"&gt;
                          &lt;a href="#"&gt;Flight itinerary&lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="flight-itinerarySummary"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-sm-12"&gt;
              &lt;h2&gt;Agartala → Bangalore &lt;small&gt;22 Nov 2015&lt;/small&gt;&lt;/h2&gt;
              &lt;ul class="itinerarySummary"&gt;
                  &lt;li class="vendor"&gt;
                      &lt;div class="airLogo fLeft"&gt;
                          &lt;img src="img/airlines/AI.png" height="23" width="27"&gt;
                      &lt;/div&gt;
                      &lt;div class="airlineName"&gt;
                       &lt;span class="name"&gt;Air India&lt;/span&gt;
                       &lt;small class="flightNumber"&gt;AI-744&lt;/small&gt;
                       &lt;small class="travelClass"&gt;Economy&lt;/small&gt;
                       &lt;small class="truncate" title=""&gt;&lt;/small&gt;
                     &lt;/div&gt;
                  &lt;/li&gt;
                  &lt;li class="start"&gt;
                      &lt;time&gt;
                       &lt;span class="placeTime"&gt;
                          &lt;span rel="tTooltip" original-title="Singerbhil, Agartala"&gt;IXA&lt;/span&gt;
                          &lt;strong&gt;  11:20 &lt;/strong&gt;
                       &lt;/span&gt;
                       &lt;span class="travelDate"&gt;22 Nov 2015&lt;/span&gt; 
                      &lt;/time&gt; 
                      &lt;small class="terminal"&gt; 
  
                        Singerbhil, Agartala
                      &lt;/small&gt;
                  &lt;/li&gt;
                  &lt;li class="details"&gt;
                      &lt;i class="clk itineraryClock"&gt;&lt;/i&gt;
                          &lt;abbr class="duration weak"&gt;50m&lt;/abbr&gt; 
                  &lt;/li&gt;
                  &lt;li class="end"&gt;
                     &lt;time&gt;
                      &lt;span class="placeTime"&gt;
                       &lt;strong&gt; 12:10 &lt;/strong&gt;
                       &lt;span rel="tTooltip" original-title="Netaji Subhas Chandra Bose Airport, Kolkata"&gt;CCU&lt;/span&gt;
                      &lt;/span&gt;
                      &lt;span class="travelDate"&gt; 22 Nov 2015 &lt;/span&gt;
                     &lt;/time&gt;
                     &lt;small class="terminal"&gt;
                        Netaji Subhas Chandra Bose Airport, Kolkata, Terminal 2 
                     &lt;/small&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
              &lt;div class="connector weak"&gt;
                  &lt;small class="layOver"&gt;Layover : 5h 20m&lt;/small&gt;
              &lt;/div&gt;
              &lt;ul class="itinerarySummary"&gt;
                  &lt;li class="vendor"&gt;
                      &lt;div class="airLogo fLeft"&gt;
                          &lt;img src="img/airlines/AI.png" height="23" width="27"&gt;
                      &lt;/div&gt;
                      &lt;div class="airlineName"&gt;
                       &lt;span class="name"&gt;Air India&lt;/span&gt;
                       &lt;small class="flightNumber"&gt;AI-744&lt;/small&gt;
                       &lt;small class="travelClass"&gt;Economy&lt;/small&gt;
                       &lt;small class="truncate" title=""&gt;&lt;/small&gt;
                     &lt;/div&gt;
                  &lt;/li&gt;
                  &lt;li class="start"&gt;
                      &lt;time&gt;
                       &lt;span class="placeTime"&gt;
                          &lt;span rel="tTooltip" original-title="Singerbhil, Agartala"&gt;IXA&lt;/span&gt;
                          &lt;strong&gt;  11:20 &lt;/strong&gt;
                       &lt;/span&gt;
                       &lt;span class="travelDate"&gt;22 Nov 2015&lt;/span&gt; 
                      &lt;/time&gt; 
                      &lt;small class="terminal"&gt; 
  
                        Singerbhil, Agartala
                      &lt;/small&gt;
                  &lt;/li&gt;
                  &lt;li class="details"&gt;
                      &lt;i class="clk itineraryClock"&gt;&lt;/i&gt;
                          &lt;abbr class="duration weak"&gt;50m&lt;/abbr&gt; 
                  &lt;/li&gt;
                  &lt;li class="end"&gt;
                     &lt;time&gt;
                      &lt;span class="placeTime"&gt;
                       &lt;strong&gt; 12:10 &lt;/strong&gt;
                       &lt;span rel="tTooltip" original-title="Netaji Subhas Chandra Bose Airport, Kolkata"&gt;CCU&lt;/span&gt;
                      &lt;/span&gt;
                      &lt;span class="travelDate"&gt; 22 Nov 2015 &lt;/span&gt;
                     &lt;/time&gt;
                     &lt;small class="terminal"&gt;
                        Netaji Subhas Chandra Bose Airport, Kolkata, Terminal 2 
                     &lt;/small&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- FLIGHT 1 END --&gt;
  
      &lt;!-- FLIGHT 2 --&gt;
      &lt;div class="flights"&gt;
          &lt;div class="flight-box"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-sm-3"&gt;
                      &lt;div class="flight-info"&gt;
                          &lt;div class="left-i"&gt;
                              &lt;img src="img/sp_trans.gif" class="airsprite airlogo A10"&gt;
                             &lt;div class="flight-no"&gt;SG-264&lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="right-i"&gt;
                              &lt;div class="name"&gt;Air India&lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-sm-5"&gt;
                      &lt;div class="flight-duration"&gt;
                          &lt;div class="row"&gt;
                              &lt;div class="col-sm-4"&gt;
                                  &lt;div class="events"&gt;
                                      &lt;span class="text"&gt;Depart&lt;/span&gt;
                                      &lt;span class="time"&gt;12:30 PM&lt;/span&gt;
                                      &lt;span class="route"&gt;IXA &lt;i class="fa fa-arrow-right"&gt;&lt;/i&gt; CCU&lt;/span&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div class="col-sm-4"&gt;
                                  &lt;div class="events"&gt;
                                      &lt;span class="text"&gt;Arrive&lt;/span&gt;
                                      &lt;span class="time"&gt;03:10 PM&lt;/span&gt;
                                      &lt;span class="route"&gt;IXA &lt;i class="fa fa-arrow-right"&gt;&lt;/i&gt; CCU&lt;/span&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div class="col-sm-4"&gt;
                                  &lt;div class="events"&gt;
                                      &lt;span class="text"&gt;Duration&lt;/span&gt;
                                      &lt;span class="time"&gt;1h 40m &lt;/span&gt;
                                      &lt;span class="route"&gt;No Stop&lt;/span&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-sm-4"&gt;
                      &lt;div class="fare-price"&gt;
                          &lt;div class="row"&gt;
                              &lt;div class="col-sm-6"&gt;
                                  &lt;span class="f-price"&gt;3999&lt;/span&gt;
                              &lt;/div&gt;
                              &lt;div class="col-sm-6"&gt;
                                  &lt;div class="book-action"&gt;
                                      &lt;div class="btn-group-vertical" role="group"&gt;
                                          &lt;button type="button" class="btn btn-danger btn-book" name="booknow"&gt;Book Now&lt;/button&gt;
                                          &lt;button type="button" class="btn text-primary btn-more" name="details"&gt;View More...&lt;/button&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
          &lt;/div&gt;
          &lt;div class="flight-footer"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-sm-3"&gt;
                      &lt;div class="refund-status"&gt;
                          &lt;span&gt;Refundable&lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-sm-3"&gt;
                      &lt;div class="fare-role"&gt;
                          &lt;a href="#"&gt;Fare rules&lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-sm-3"&gt;
                      &lt;div class="baggage-info"&gt;
                          &lt;a href="#"&gt;Baggage Information&lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-sm-3"&gt;
                      &lt;div class="itinerary-info"&gt;
                          &lt;a href="#"&gt;Flight itinerary&lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="flight-itinerarySummary"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-sm-12"&gt;
              &lt;h2&gt;Agartala → Bangalore &lt;small&gt;22 Nov 2015&lt;/small&gt;&lt;/h2&gt;
              &lt;ul class="itinerarySummary"&gt;
                  &lt;li class="vendor"&gt;
                      &lt;div class="airLogo fLeft"&gt;
                          &lt;img src="img/airlines/AI.png" height="23" width="27"&gt;
                      &lt;/div&gt;
                      &lt;div class="airlineName"&gt;
                       &lt;span class="name"&gt;Air India&lt;/span&gt;
                       &lt;small class="flightNumber"&gt;AI-744&lt;/small&gt;
                       &lt;small class="travelClass"&gt;Economy&lt;/small&gt;
                       &lt;small class="truncate" title=""&gt;&lt;/small&gt;
                     &lt;/div&gt;
                  &lt;/li&gt;
                  &lt;li class="start"&gt;
                      &lt;time&gt;
                       &lt;span class="placeTime"&gt;
                          &lt;span rel="tTooltip" original-title="Singerbhil, Agartala"&gt;IXA&lt;/span&gt;
                          &lt;strong&gt;  11:20 &lt;/strong&gt;
                       &lt;/span&gt;
                       &lt;span class="travelDate"&gt;22 Nov 2015&lt;/span&gt; 
                      &lt;/time&gt; 
                      &lt;small class="terminal"&gt; 
  
                        Singerbhil, Agartala
                      &lt;/small&gt;
                  &lt;/li&gt;
                  &lt;li class="details"&gt;
                      &lt;i class="clk itineraryClock"&gt;&lt;/i&gt;
                          &lt;abbr class="duration weak"&gt;50m&lt;/abbr&gt; 
                  &lt;/li&gt;
                  &lt;li class="end"&gt;
                     &lt;time&gt;
                      &lt;span class="placeTime"&gt;
                       &lt;strong&gt; 12:10 &lt;/strong&gt;
                       &lt;span rel="tTooltip" original-title="Netaji Subhas Chandra Bose Airport, Kolkata"&gt;CCU&lt;/span&gt;
                      &lt;/span&gt;
                      &lt;span class="travelDate"&gt; 22 Nov 2015 &lt;/span&gt;
                     &lt;/time&gt;
                     &lt;small class="terminal"&gt;
                        Netaji Subhas Chandra Bose Airport, Kolkata, Terminal 2 
                     &lt;/small&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
              &lt;div class="connector weak"&gt;
                  &lt;small class="layOver"&gt;Layover : 5h 20m&lt;/small&gt;
              &lt;/div&gt;
              &lt;ul class="itinerarySummary"&gt;
                  &lt;li class="vendor"&gt;
                      &lt;div class="airLogo fLeft"&gt;
                          &lt;img src="img/airlines/AI.png" height="23" width="27"&gt;
                      &lt;/div&gt;
                      &lt;div class="airlineName"&gt;
                       &lt;span class="name"&gt;Air India&lt;/span&gt;
                       &lt;small class="flightNumber"&gt;AI-744&lt;/small&gt;
                       &lt;small class="travelClass"&gt;Economy&lt;/small&gt;
                       &lt;small class="truncate" title=""&gt;&lt;/small&gt;
                     &lt;/div&gt;
                  &lt;/li&gt;
                  &lt;li class="start"&gt;
                      &lt;time&gt;
                       &lt;span class="placeTime"&gt;
                          &lt;span rel="tTooltip" original-title="Singerbhil, Agartala"&gt;IXA&lt;/span&gt;
                          &lt;strong&gt;  11:20 &lt;/strong&gt;
                       &lt;/span&gt;
                       &lt;span class="travelDate"&gt;22 Nov 2015&lt;/span&gt; 
                      &lt;/time&gt; 
                      &lt;small class="terminal"&gt; 
  
                        Singerbhil, Agartala
                      &lt;/small&gt;
                  &lt;/li&gt;
                  &lt;li class="details"&gt;
                      &lt;i class="clk itineraryClock"&gt;&lt;/i&gt;
                          &lt;abbr class="duration weak"&gt;50m&lt;/abbr&gt; 
                  &lt;/li&gt;
                  &lt;li class="end"&gt;
                     &lt;time&gt;
                      &lt;span class="placeTime"&gt;
                       &lt;strong&gt; 12:10 &lt;/strong&gt;
                       &lt;span rel="tTooltip" original-title="Netaji Subhas Chandra Bose Airport, Kolkata"&gt;CCU&lt;/span&gt;
                      &lt;/span&gt;
                      &lt;span class="travelDate"&gt; 22 Nov 2015 &lt;/span&gt;
                     &lt;/time&gt;
                     &lt;small class="terminal"&gt;
                        Netaji Subhas Chandra Bose Airport, Kolkata, Terminal 2 
                     &lt;/small&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- FLIGHT 2 END --&gt;
  
  &lt;/td&gt;
  </code></pre>
  
  <p>I want to slideUp &amp; SlideDown (Toggle) 'flight-itinerarySummary' div on 'btn-more' on click. Also, if any one 'flight-itinerarySummary' is slideDown, all others rows 'flight-itinerarySummary' will slideUp(hide).
  I have include Jquery v2.1.1 at html  section.
  Plz help me anyone to build this on jquery. </p>