title: Print all tabs on a webpage
body: <p>I have a survey with multiple tabs. When the user has completed the survey i want them to be able to print the survey or save it as a PDF. At the moment I can only print/save the tab that is opened.</p>
  
  <p>Is there a to remove the 'tab-content' when printing class using JavaScript so all the tabs are displayed code:
  <a href="http://codepen.io/pbuckleycork/pen/zvpMdr" rel="nofollow">http://codepen.io/pbuckleycork/pen/zvpMdr</a></p>
  
  <pre><code>&lt;div class="bs-example"&gt;
      &lt;ul class="nav nav-tabs tabs-custom"&gt;
          &lt;li class=""&gt;
              &lt;a href="#tab1" data-toggle="tab"&gt;User Info&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="active"&gt;
              &lt;a href="#tab2" data-toggle="tab"&gt;Other Info&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class=""&gt;
              &lt;a href="#tab3" data-toggle="tab"&gt;Email History&lt;/a&gt;
          &lt;/li&gt;
  
      &lt;/ul&gt;
      &lt;div class="tab-content"&gt;
  
          &lt;div class="tab-pane" id="tab1"&gt;
  
              &lt;div class="row equal-height-columns"&gt;
  
                  &lt;!-- first column for create survey --&gt;
                  &lt;div class="col col-md-6 col-md-with-separator"&gt;
                      &lt;div class="form-horizontal"&gt;
                          &lt;div class="form-group form-group-reduce-padding"&gt;
                              &lt;label for="labelName" class="col-sm-6 control-label-padding"&gt; Name:&lt;/label&gt;
                              &lt;div class="col-sm-6"&gt;
                                  &lt;p id="labelName" class="form-control-static"&gt; John Smith &lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
  
                          &lt;div class="form-group form-group-reduce-padding"&gt;
                              &lt;label for="labelAddress" class="col-sm-6 control-label-padding"&gt; Address:&lt;/label&gt;
                              &lt;div class="col-sm-6"&gt;
                                  &lt;p id="labelAddress" class="form-control-static"&gt; No1, Some Street, Some Town, Dublin, D1&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
  
                          &lt;div class="form-group form-group-reduce-padding"&gt;
                              &lt;label for="labelEmail" class="col-sm-6 control-label-padding"&gt;Email:&lt;/label&gt;
                              &lt;div class="col-sm-6"&gt;
                                  &lt;p id="labelEmail" class="form-control-static"&gt; email@email.com &lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
  
                          &lt;div class="form-group form-group-reduce-padding"&gt;
                              &lt;label for="labelDOB" class="col-sm-6 control-label-padding"&gt;DOB:&lt;/label&gt;
                              &lt;div class="col-sm-6"&gt;
                                  &lt;p id="labelDOB" class="form-control-static"&gt;15/02/2015&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
  
                          &lt;div class="form-group form-group-reduce-padding"&gt;
                              &lt;label for="labelStatus" class="col-sm-6 control-label-padding"&gt;Status:&lt;/label&gt;
                              &lt;div class="col-sm-6"&gt;
                                  &lt;p id="labelStatus" class="form-control-static"&gt; Active&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
  
  
                          &lt;div class="form-group form-group-reduce-padding"&gt;
                              &lt;label for="labelAccBlocked" class="col-sm-6 control-label-padding"&gt;Account Blocked:&lt;/label&gt;
                              &lt;div class="col-sm-6"&gt;
                                  &lt;p id="labelAccBlocked" class="form-control-static"&gt; Yes&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="form-group form-group-reduce-padding"&gt;
                              &lt;label for="labelBlocked" class="col-sm-6 control-label-padding"&gt;Blocked Until Date:&lt;/label&gt;
                              &lt;div class="col-sm-6"&gt;
                                  &lt;p id="labelBlocked" class="form-control-static"&gt; 01/01/2015&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="form-group form-group-reduce-padding"&gt;
                              &lt;label for="labelBlockedReason" class="col-sm-6 control-label-padding"&gt;Blocked Reason:&lt;/label&gt;
                              &lt;div class="col-sm-6"&gt;
                                  &lt;p id="labelBlockedReason" class="form-control-static"&gt; Insurance renewal has passed&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
  
  
                      &lt;/div&gt;
  
                  &lt;/div&gt;
  
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="tab-pane active" id="tab2"&gt;
              &lt;br&gt;
              &lt;p class="tab-header"&gt;Courses&lt;/p&gt;
              &lt;div class="table-responsive"&gt;
                  &lt;table class="table"&gt;
                      &lt;tbody&gt;
                          &lt;tr&gt;
                              &lt;th&gt;Stream&lt;/th&gt;
                              &lt;th&gt;Institute&lt;/th&gt;
                              &lt;th&gt;CourseID&lt;/th&gt;
                              &lt;th&gt;Tutor&lt;/th&gt;
                              &lt;th&gt;Date Course Completed&lt;/th&gt;
                              &lt;th&gt;Course Location&lt;/th&gt;
                          &lt;/tr&gt;
  
                          &lt;tr&gt;
                              &lt;td&gt;NDBER&lt;/td&gt;
                              &lt;td&gt;Carlow IT&lt;/td&gt;
                              &lt;td&gt;ABC123&lt;/td&gt;
                              &lt;td&gt;John Tutor&lt;/td&gt;
                              &lt;td&gt;17/May/2014&lt;/td&gt;
                              &lt;td&gt;Carlow&lt;/td&gt;
  
                          &lt;/tr&gt;
                          &lt;tr&gt;
                              &lt;td&gt;BER&lt;/td&gt;
                              &lt;td&gt;Carlow IT&lt;/td&gt;
                              &lt;td&gt;ABC321&lt;/td&gt;
                              &lt;td&gt;Paul Tutor&lt;/td&gt;
                              &lt;td&gt;02/Feb/2014&lt;/td&gt;
                              &lt;td&gt;Carlow&lt;/td&gt;
  
                          &lt;/tr&gt;
  
                      &lt;/tbody&gt;
                  &lt;/table&gt;
              &lt;/div&gt;
              &lt;p class="tab-header"&gt;Exam History&lt;/p&gt;
  
          &lt;/div&gt;
  
          &lt;div class="tab-pane" id="tab3"&gt;
              &lt;br&gt;
              &lt;p class="tab-header"&gt;Email History&lt;/p&gt;
              &lt;div class="table-responsive"&gt;
                  &lt;table class="table"&gt;
                      &lt;tbody&gt;
                          &lt;tr&gt;
                              &lt;th&gt;From&lt;/th&gt;
                              &lt;th&gt;To&lt;/th&gt;
                              &lt;th&gt;CC&lt;/th&gt;
                              &lt;th&gt;Date&lt;/th&gt;
                              &lt;th&gt;Subject&lt;/th&gt;
                              &lt;th&gt;Message&lt;/th&gt;
                              &lt;th&gt;Attachment&lt;/th&gt;
                          &lt;/tr&gt;
  
                          &lt;tr&gt;
                              &lt;td&gt;BER@aassss.ie&lt;/td&gt;
                              &lt;td&gt;100025@test.net&lt;/td&gt;
                              &lt;td&gt; &lt;/td&gt;
                              &lt;td&gt;05/May/2014&lt;/td&gt;
                              &lt;td&gt;Welcome dsad&lt;/td&gt;
                              &lt;td&gt;&lt;a href="#"&gt;Dear John Welcome&lt;/a&gt;
                              &lt;/td&gt;
                              &lt;td&gt;&lt;a href="#"&gt;View&lt;/a&gt;
                              &lt;/td&gt;
                          &lt;/tr&gt;
                      &lt;/tbody&gt;
                  &lt;/table&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>