title: Scrollable button group in Javascript/Jquery
body: <p>Can anybody help me to create a button group.If there are more than an amount of X buttons in the group, it should have a left and a right arrow to scroll through all buttons without showing those all at once. In the end it should look something like this:</p>
  
  <p><a href="https://i.stack.imgur.com/FQXLE.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FQXLE.jpg" alt="https://i.stack.imgur.com/FQXLE.jpg"></a></p>
  
  <p>I have tried this to create button group:</p>
  
  <pre><code>&lt;div class="btn-group"&gt;
          &lt;a class="button btn-days"&gt;Monday&lt;/a&gt;
          &lt;a class="button btn-days"&gt;Tuesday&lt;/a&gt;
          &lt;a class="button btn-days"&gt;Wednesday&lt;/a&gt;
          &lt;a class="button btn-days"&gt;Thursday&lt;/a&gt;
          &lt;a class="button btn-days"&gt;Friday&lt;/a&gt;
          &lt;a class="button btn-days"&gt;Saturday&lt;/a&gt;
          &lt;a class="button btn-days"&gt;Sunday&lt;/a&gt;
  &lt;/div&gt; 
  </code></pre>