Semantic-UI Tab Menu

by shiv_veerashetty

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.6/semantic.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.6/semantic.css">
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<div class="ui stackable menu">
  <div class="item">
    <img src="/images/logo.png">
  </div>
  <a class="item">Features</a>
  <a class="item">Testimonials</a>
  <a class="item">Sign-in</a>
  <a class="item">Sign-in</a>
  <a class="item">Sign-in</a>
  <a class="item">Sign-in</a>
  <a class="item">Sign-in</a>
  <a class="item">Sign-in</a>
  <a class="item">Sign-in</a>
  <a class="item">Sign-in</a>
  <a class="item">Sign-in</a>
  <a class="item">Sign-in</a>
  <a class="item">Sign-in</a>
</div>

JavaScript

$(function(){
   $('a.item').click( function(){
      $('.item').removeClass('active');
      $(this).addClass('active');
   })
});