subcategoria ativa

    <nav class="nav-collapse">
          <div id='cssmenu'>
<ul>
   <li><a href='#'class='has-sub active'><span>Home</span></a></li>
   <li class='has-sub activo' ><a href='#'><span>Products</span></a>
          <ul class="sub-lines active">
                 <li><a href='#'><span>Product 1</span></a></li>
                 <li><a href='#'><span>Product 2</span></a></li>
                 <li><a href='#'><span>Product 3</span></a></li>
          </ul>
   </li>
   <li class='has-sub'><a href='#'><span>About</span></a>
          <ul>
                 <li><a href='#'><span>Company</span></a></li>
                 <li class='last'><a href='#'><span>Contact</span></a></li>
          </ul>
   </li>
   <li class='has-sub'><a href='#'><span>Contact</span></a></li>
</ul>
</div>
    </nav>
    <script>
          var navigation = responsiveNav(".nav-collapse");
    </script>

( function( $ ) {
$( document ).ready(function() {
$('#cssmenu > ul > li > a').click(function() {
  $('#cssmenu li').removeClass('active');
  $(this).closest('li').addClass('active');
  var checkElement = $(this).next();
  if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
    $(this).closest('li').removeClass('active');
    checkElement.slideUp('normal');
  }
  if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
    $('#cssmenu ul ul:visible').slideUp('normal');
    checkElement.slideDown('normal');
  }
  if($(this).closest('li').find('ul').children().length == 0) {
    return true;
  } else {
    return false;
  }
});
});
} )( jQuery );