title: Changing set contents using JS on website
body: <p>I am trying to change a set contents on my website and couldn't get the script working, could someone help.
  The contents let say are 4 in numbers and have the following code. i would like to switch between these contents using buttons say 1, 2, 3 and 4.</p>
  
  <p>I am aware that a simple addClass and removeClass will do the trick but couldn't get it working. Here is a sample set of contents:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ul&gt;
    &lt;li class="article-list-vertical-1"&gt;
      &lt;a href="#" style="background-image: url('/img.jpg')"&gt;&lt;/a&gt;
      &lt;div&gt;
        &lt;h2&gt;Article title #1&lt;/h2&gt;
        &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu lacus mattis laoreet diam a volutpat magna.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu lacus mattis laoreet diam a, volutpat magna.&lt;/p&gt;
        &lt;a href="#" class="read-more"&gt;Read more &amp;nbsp; &lt;i class="fa fa-chevron-right"&gt;&lt;/i&gt;&lt;/a&gt;
      &lt;/div&gt;
    &lt;/li&gt;
  &lt;/ul&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Thank you for your help.</p>