how toggle between menus to show different contents ?

[khaldon]

I want to toggle between other menus and the content changes

  <div class="ui grid">
      <div class="twelve wide stretched column">
        <div class="ui segment">
          This is an stretched grid column. This segment will always match the tab height
        </div>      </div>
      <div class="four wide column">
        <div class="ui vertical fluid right tabular menu">
          <a class="active item">
            Bio
          </a>
          <a class="item">
            Pics
          </a>
          <a class="item">
            Companies
          </a>
          <a class="item">
            Links
          </a>
        </div>
      </div>
    </div>

<script>
$('.tabular.menu').on('click', '.item', function() {
      if(!$(this).hasClass('dropdown')) {
        $(this)
          .addClass('active')
          .siblings('.item')
            .removeClass('active');
      }
    });
</script>

[iamareebjamal]

Semantic-UI has been deprecated for years now, please use fomantic UI