CodePen

HTML

            
              <ul class="mstoic_tabs">
                      <li id="tab_one"><span>General</span></li>
                      <li id="tab_two"><span>Pages</span></li>
                      <li id="tab_three"><span>Posts</span></li>
                      <li id="tab_four"><span>Slider</span></li>
                      <li id="tab_five"><span>Social Profiles</span></li>
                      <li id="tab_six"><span>Footer</span></li>
                      <li id="tab_seven"><span>Support</span></li>
                  </ul>
            
          
!
via HTML Inspector

CSS

            
              .current {
  color: red;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              $('document').ready(function () {
  $('.mstoic_tabs').on('click', 'li', function () {
    $('.mstoic_tabs .current').removeClass('current');
    $(this).addClass('current');
  });
});
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................