title: Bootstrap 4 Tabs with Previous & Next buttons
body: <p>I'm attempting to create some previous and next buttons within a bootstrap 4 tab snippet, but I'm having trouble with the Jquery. More specifically structuring my trigger event or' the path to my trigger event.</p>
  <p>I can't seem to figure out the route properly. I'm fairly inexperienced with Jquery so be gentle. ;P</p>
  <pre><code>$(document).ready(function() {
    $('.btnNext').click(function() {
      $('.nav-tabs &gt; .nav-item &gt; .active').next('li').find('a').trigger('click');
    });
  
    $('.btnPrevious').click(function() {
      $('.nav-tabs &gt; .nav-item &gt; .active').prev('li').find('a').trigger('click');
    });
  });
  </code></pre>
  <p>You can find a full snippet of what I'm in the process of building here (<a href="http://jsfiddle.net/erwq5da4/7/" rel="nofollow noreferrer">JSFiddle</a>);</p>
  <p>Many thanks in advance.</p>
  <p>-B.</p>