title: Read Less button scrolls back up
body: <p>I have the below code, when I click read less I would like it to scroll up to the read more button.</p>
  <p>When clicking the Read Less button, it shortens the description as expected but the page doesn't scroll back up to the top of the description div so I'm left looking at the page footer.</p>
  <p>If anything could help with this, it'd be much appreciated. I believe I am overlooking a simple solutiom</p>
  <p>Thanks</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
  
      &lt;script&gt;
       $( ".product-description-full" ).hide();
          
            $( document ).ready(function() {
            $('.readmore').click(function (event) {
                event.preventDefault();
                var descriptionFull = document.querySelector('.product-description-full');
                $(descriptionFull).slideDown(500, 'swing');
                var descriptionShort = document.querySelector('.product-description-short');
                $(descriptionShort).slideUp(500, 'swing');
                      });
              $('.readless').click(function (event) {
                event.preventDefault();
                var descriptionFull = document.querySelector('.product-description-full');
                $(descriptionFull).animate({ height: 'toggle', opacity: 'toggle' }, '200');
                var descriptionShort = document.querySelector('.product-description-short');
                descriptionShort.style.display = 'block';
              });  
              });
  &lt;/script&gt;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;center&gt;
  &lt;h1&gt;Lorem Ipsum&lt;/h1&gt;
      &lt;p&gt;
          Lorem Ipsum is simply dummy text of the printing and typesetting
          industry.
      &lt;/p&gt;
      &lt;p&gt;
          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.
      &lt;/p&gt;
      &lt;div class="product-description-short lessmore"&gt;
          &lt;a class="readmore" href="#"&gt;Read More&lt;/a&gt;
      &lt;/div&gt;
      &lt;div class="product-description-full"&gt;
          &lt;br /&gt;
          &lt;p&gt;
              It was popularised in the 1960s with the release of Letraset
              sheets containing Lorem Ipsum passages, and more recently with
              desktop publishing software like Aldus PageMaker including
              versions of Lorem Ipsum.
          &lt;/p&gt;
          &lt;p&gt;
              Contrary to popular belief, Lorem Ipsum is not simply random
              text. It has roots in a piece of classical Latin literature from
              45 BC, making it over 2000 years old.
          &lt;/p&gt;
          &lt;h2&gt;Lorem Ipsum&lt;/h2&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
          &lt;/p&gt;
  
          &lt;
  
          &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 i
          &lt;/p&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 i
          &lt;/p&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 i
          &lt;/p&gt;
  
          &lt;div class="lessmore"&gt;&lt;/div&gt;
          &lt;span style="text-decoration: underline"&gt;
           &lt;br /&gt;
           &lt;a class="readless" href="#"&gt;Read Less&lt;/a&gt;
          &lt;/span&gt;
      &lt;/div&gt;
  &lt;/center&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>