<tr class="[% IF j.hidden && !showHidden %] hidden-jobset [% END %] [% IF !j.enabled %] disabled-jobset [% END %]" >

      <tr class="jobset [% IF j.hidden && !showHidden %] hidden-jobset [% END %] [% IF !j.enabled %] disabled-jobset [% END %]" >

    $(document).ready(function() {
      $('#show-hidden').on('click', function (e) {
        var show = !$(this).hasClass('active');
        if (show)
          $('tr.hidden-jobset').show();
        else
          $('tr.hidden-jobset').hide();

    function showJobsets() {
      var showHidden = $('#show-hidden').hasClass('active');
      var showDisabled = $('#show-disabled').hasClass('active');
      $('tr.jobset').map(function() {
        var hide =
          ($(this).hasClass('hidden-jobset') && !showHidden) ||
          ($(this).hasClass('disabled-jobset') && !showDisabled);
        if (hide) $(this).hide(); else $(this).show();

      return false;
    };

      $('#show-disabled').on('click', function (e) {
        var show = !$(this).hasClass('active');
        if (show)
          $('tr.disabled-jobset').show();
        else
          $('tr.disabled-jobset').hide();

    $(document).ready(function() {
      $('#show-hidden, #show-disabled').on('click', function(e) {
        $(this).toggleClass('active');
        showJobsets();
        return false;

      showJobsets();

}
tr.hidden-jobset {
    display: none;