title: jQuery tabs open and scroll
body: <p>I am using jqueryResponsiveTabs on my site below to create tabs that become an accordion at a certain viewpoint.</p>
  
  <p>On the link below there is a tabbed area that on mobile becomes accordian. The personalise button at the top should open the 'personalise' tab in the 'what you need to know' section and also scroll the page down to this area.</p>
  
  <p>I can get it to open the tab but I can't get it to scroll down.</p>
  
  <p>Any thoughts?</p>
  
  <p><a href="http://www.swimmingcover.co.uk/bag/test.html" rel="nofollow">http://www.swimmingcover.co.uk/bag/test.html</a></p>
  
  <p>Here is the code:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /&gt;
  &lt;title&gt;Tangible Simple - Heart Trinket&lt;/title&gt;
  
  &lt;link href="http://www.swimmingcover.co.uk/bag/css/bootstrap.min.css" rel="stylesheet" type="text/css" /&gt;
  &lt;link href="http://www.swimmingcover.co.uk/bag/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" /&gt;
  &lt;link href="http://www.swimmingcover.co.uk/bag/css/global.css" rel="stylesheet" type="text/css" /&gt;
  &lt;link href="http://www.swimmingcover.co.uk/bag/css/font-awesome.min.css" rel="stylesheet" type="text/css" /&gt;
  &lt;link type="text/css" rel="stylesheet" href="http://www.swimmingcover.co.uk/bag/css/frame.css" /&gt;
  &lt;link type="text/css" rel="stylesheet" href="http://www.swimmingcover.co.uk/bag/css/navigation.css" /&gt;
  &lt;link type="text/css" rel="stylesheet" href="http://www.swimmingcover.co.uk/bag/css/product.css" /&gt;
  &lt;link type="text/css" rel="stylesheet" href="http://www.swimmingcover.co.uk/bag/css/style.css" /&gt;
  &lt;link type="text/css" rel="stylesheet" href="http://www.swimmingcover.co.uk/bag/css/animation.css" /&gt;
  
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://www.swimmingcover.co.uk/bag/js/modernizr.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://www.swimmingcover.co.uk/bag/js/responsive.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://www.swimmingcover.co.uk/bag/js/jquery.mmenu.js"&gt;&lt;/script&gt;
  &lt;script src="http://www.swimmingcover.co.uk/bag/js/jquery.responsiveTabs.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="http://www.swimmingcover.co.uk/bag/js/jquery.bxslider.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://www.swimmingcover.co.uk/bag/js/charCount.js" type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body id="product" class="tangible"&gt;
  
      &lt;main id="content" class="container"&gt;
          &lt;!--Breadcrumb Menu--&gt;
          &lt;nav class="fw_col" id="breadcrumb"&gt;
              &lt;a title="Home" href="/"&gt;Home&lt;/a&gt;
              &lt;span class="pipe"&gt;›&lt;/span&gt;
              &lt;a title="Afternoon Tea" href=""&gt;Gifts&lt;/a&gt;   
          &lt;/nav&gt;
  
          &lt;div class="fw_col"&gt;
              &lt;div id="col_prd_fw"&gt;
                  &lt;h1 class="product_title fontgeomedium"&gt;Personalised Heart Trinket Box&lt;/h1&gt;
                  &lt;span class="product_code"&gt;Product code: 10225745&lt;/span&gt;
                  &lt;div class="top_review_summary mobile"&gt;
                      &lt;span class="star_rating"&gt;&lt;img src="images/product/reviews_star.png" width="64" height="14" alt="5 out of 5" /&gt;&lt;/span&gt;
                      &lt;span class="star_count"&gt;4.2 out of 5 (based on 263 reviews)&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div id="col_prd_lft"&gt;
                  &lt;div id="prd_img_area"&gt;
                      &lt;img src="images/product_images/test.jpg" alt="Product Title" /&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div id="col_prd_rgt"&gt;
                  &lt;h1 class="product_title fontgeomedium"&gt;Test Product&lt;/h1&gt;
                  &lt;span class="product_code"&gt;Product code: xxxxxxxx&lt;/span&gt;
                  &lt;div class="top_review_summary"&gt;
                      &lt;span class="star_rating"&gt;&lt;img src="images/product/reviews_star.png" width="64" height="14" alt="5 out of 5" /&gt;&lt;/span&gt;
                      &lt;span class="star_count"&gt;4.2 out of 5 (based on 263 reviews)&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;div id="short_desc"&gt;
                      Test product
                  &lt;/div&gt;
                  &lt;ul id="prd_overview"&gt;
                      &lt;li&gt;Overview bullet&lt;/li&gt;
                      &lt;li&gt;Overview bullet&lt;/li&gt;
                      &lt;li&gt;Overview bullet&lt;/li&gt;
                      &lt;li&gt;Overview bullet&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;div id="price_area"&gt;
                      &lt;span class="current_price"&gt;&lt;span class="current_price_prefix"&gt;just&lt;/span&gt; &amp;pound;&lt;span class="current_price_amount"&gt;xx&lt;/span&gt;&lt;/span&gt;
                      &lt;span class="previous_price"&gt;was &amp;pound;xx&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;a class="button personalise tab-link" id="prd_page" href="#tab-2"&gt;&lt;span&gt;Personalise&lt;/span&gt;&lt;/a&gt;
                  &lt;ul id="prd_overview" class="mobile"&gt;
                      &lt;li&gt;Overview bullet&lt;/li&gt;
                      &lt;li&gt;Overview bullet&lt;/li&gt;
                      &lt;li&gt;Overview bullet&lt;/li&gt;
                      &lt;li&gt;Overview bullet&lt;/li&gt;
                  &lt;/ul&gt;                
              &lt;/div&gt;
  
  
              &lt;div id="prd_tabbed_area" class="product_area" style="padding-top:250px;"&gt;
                  &lt;h3 class="fontgeomedium"&gt;What you need to know&lt;/h3&gt;
                  &lt;div class="prd_tabbed_area_inner"&gt;
                      &lt;div id="product_tabs"&gt;
                          &lt;ul&gt;
                              &lt;li&gt;&lt;a href="#tab-1"&gt;About &lt;i class="fa fa-chevron-right"&gt;&lt;/i&gt;&lt;i class="fa fa-chevron-up"&gt;&lt;/i&gt;&lt;i class="fa fa-chevron-down"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#tab-2"&gt;Personalise &lt;i class="fa fa-chevron-right"&gt;&lt;/i&gt;&lt;i class="fa fa-chevron-down"&gt;&lt;/i&gt;&lt;/i&gt;&lt;i class="fa fa-chevron-up"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#tab-3"&gt;Fine Print &lt;i class="fa fa-chevron-right"&gt;&lt;/i&gt;&lt;i class="fa fa-chevron-down"&gt;&lt;/i&gt;&lt;/i&gt;&lt;i class="fa fa-chevron-up"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#tab-4"&gt;Delivery &lt;i class="fa fa-chevron-right"&gt;&lt;/i&gt;&lt;i class="fa fa-chevron-down"&gt;&lt;/i&gt;&lt;i class="fa fa-chevron-up"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
  
                          &lt;div id="tab-1" class="about_content"&gt;
                              &lt;p&gt;
                                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer 
                                    took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially 
                                    unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages,
                              &lt;/p&gt;
                          &lt;/div&gt;
  
                          &lt;div id="tab-2" class="personalise_content"&gt;
                              &lt;div id="tangible_personalisation"&gt;
                                  &lt;h4 class="personalise_prd_ttl"&gt;Lorem Ipsum is simply dummy text of the printing and typesetting:&lt;/h4&gt;
                                  &lt;span class="personalise_intro"&gt;Lorem Ipsum is simply dummy text of the printing and typesetting:&lt;/span&gt;
                                  &lt;form&gt;
                                      &lt;span class="form_row"&gt;
                                      &lt;label&gt;Line one* &lt;/label&gt;
                                      &lt;input type="text" id="message1" placeholder="(e.g. Happy Birthday)" onfocus="this.placeholder = ''" onblur="this.placeholder = '(e.g. Happy Birthday)'" class="form-control" /&gt;
                                      &lt;/span&gt;  
                                      &lt;span class="form_row"&gt;                                                                                          
                                      &lt;label&gt;Line two* &lt;/label&gt;
                                      &lt;input type="text" id="message1" placeholder="(e.g. Happy Birthday2)" onfocus="this.placeholder = ''" onblur="this.placeholder = '(e.g. Happy Birthday2)'" class="form-control" /&gt;
                                      &lt;/span&gt;
  
                                      &lt;span class="form_row"&gt;                                                                                           
                                      &lt;label&gt;Line three* &lt;/label&gt;
                                      &lt;input type="text" id="message1" placeholder="(e.g. Happy Birthday3)" onfocus="this.placeholder = ''" onblur="this.placeholder = '(e.g. Happy Birthday3)'" class="form-control" /&gt;
                                      &lt;/span&gt;                                                           
                                  &lt;/form&gt;
  
                                  &lt;span class="required_text"&gt;Fields marked with an * are required and must be completed&lt;/span&gt;
  
                                  &lt;a class="button buynow tab-link" id="prd_page" href="#personalise_area"&gt;&lt;span&gt;BUY NOW&lt;/span&gt;&lt;/a&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
  
                          &lt;div id="tab-3" class="fineprint_content"&gt;
                              &lt;p&gt;
                                   Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer 
                                    took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially 
                                    unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages,
                               &lt;/p&gt;
                          &lt;/div&gt;
                          &lt;div id="tab-4" class="delivery_content"&gt;
                              &lt;div id="delivery_table"&gt;
                                  &lt;div id="table_del_header"&gt;
                                      &lt;span class="del_type"&gt;Delivery Type&lt;/span&gt;
                                      &lt;span class="del_time"&gt;Delivery Time&lt;/span&gt;
                                      &lt;span class="del_price"&gt;Price&lt;/span&gt;
                                  &lt;/div&gt;
                                  &lt;div id="table_del_row"&gt;
                                      &lt;span class="del_type"&gt;
                                          &lt;span class="delivery_title"&gt;&lt;i class="icon-truck"&gt;&lt;/i&gt;Standard UK Delivery&lt;/span&gt;
                                          &lt;span class="delivery_details"&gt;(Please allow 4 to 7 working days for delivery. An exact delivery date cannot be guaranteed.)&lt;/span&gt;
                                      &lt;/span&gt;
                                      &lt;span class="del_time"&gt;4-7 working days&lt;/span&gt;
                                      &lt;span class="del_price"&gt;&amp;pound;3.76&lt;/span&gt;
                                  &lt;/div&gt;
                                  &lt;div id="table_del_row"&gt;
                                      &lt;span class="del_type"&gt;
                                          &lt;span class="delivery_title"&gt;&lt;i class="icon-truck"&gt;&lt;/i&gt;Express UK Delivery&lt;/span&gt;
                                          &lt;span class="delivery_details"&gt;
                                              (Please allow up to 2 working days for this product to arrive. Due to the personalised nature of this product a specific delivery date cannot be guaranteed. )
                                          &lt;/span&gt;
                                      &lt;/span&gt;
                                      &lt;span class="del_time"&gt;1-2 working days&lt;/span&gt;
                                      &lt;span class="del_price"&gt;&amp;pound;8.50&lt;/span&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;                        
                      &lt;/div&gt;
                      &lt;span class="prd_lower_cta"&gt;
                          &lt;a href=""&gt;
                              &lt;span class="prd_ttl fontgeomedium"&gt;Test Product - &lt;span class="prd_price"&gt;&amp;pound;xx&lt;/span&gt;&lt;/span&gt;
                              &lt;span class="button personalise" id="prd_page_cta" href="#"&gt;&lt;span&gt;Personalise&lt;/span&gt;&lt;/span&gt;
                          &lt;/a&gt;
                      &lt;/span&gt;                    
                  &lt;/div&gt;
              &lt;/div&gt; 
  
              &lt;div id="prd_reviews"&gt;
                  &lt;h3 class="fontgeomedium"&gt;Customer Reviews &lt;i class="fa fa-chevron-down"&gt;&lt;/i&gt;&lt;/h3&gt;
                  &lt;div class="reviews_summary"&gt;
                      &lt;span class="star_rating"&gt;&lt;img src="images/product/reviews_star.png" width="64" height="14" alt="5 out of 5" /&gt;&lt;/span&gt;
                      &lt;span class="star_count"&gt;4.2 out of 5&lt;/span&gt;
                      &lt;span class="star_recommended"&gt;173 out of 203 (85%) reviewers would recommend this product to a friend.&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;div class="reviews_actions"&gt;
                      &lt;span class="review_write"&gt;&lt;a href=""&gt;Write a review &amp;#187;&lt;/a&gt;&lt;/span&gt;
                      &lt;span class="review_order"&gt;
                          &lt;span&gt;Choose a sort order&lt;/span&gt;
                          &lt;select&gt;
                          &lt;option value="Choose A Sort Order"&gt;Choose A Sort Order&lt;/option&gt;
                          &lt;option value="Rating High to Low"&gt;Rating High to Low&lt;/option&gt;
                          &lt;option value="Featured Reviews First"&gt;Featured Reviews First&lt;/option&gt;
                          &lt;/select&gt;
                      &lt;/span&gt;
                  &lt;/div&gt;
                  &lt;div class="reviews_hidden_area"&gt;
                      hidden review area
                  &lt;/div&gt;
              &lt;/div&gt;  
          &lt;/div&gt;
      &lt;/main&gt;
  
  
  
      &lt;script type="text/javascript"&gt;
          $(document).ready(function () {
              $('#product_tabs').responsiveTabs({
                  rotate: false,
                  //startCollapsed: 'accordion',
                  collapsible: 'accordion',
                  setHash: true,
                  //disabled: [3],
                  active: 0
              });
          });
      &lt;/script&gt;
  
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>