title: How can I create a button to hide and show more tags per post?
body: <p>In my wordpress site, I have a page with multiple posts. Within these posts, there is an area for post tags. The number of tags vary and I have set a maximum number of tags to 5. Because some of these posts have more than 5 tags, is there a way to make a JS button that will show or hide the extra ones? For example, if the max number is 5, clicking SHOW will show more than 5, and clicking HIDE will bring the tags back to the original 5. </p>
  
  <p>I have tried playing around with several pieces of code to put something together but my expertise is rather lacking. </p>
  
  <p>The variable is intended to iterate over each post and search for all the tags (in this case - "a") for anchor links.</p>
  
  <pre><code>jQuery(document).ready(function( $ ){
  $('.show-all').click(function() {
         $('.tags-links').each(function() {
      var tags = $(this).find('a');
          console.log(tags.length);
  
    });
  });
  </code></pre>
  
  <p>});</p>