Hide the Achievements that have been completed.

HideDoneAchievements.js

// ==UserScript==
// @name        HideDoneAchievements
// @author      mmdts
// @description Hide the Achievements that have been completed.
// @include     https://animebytes.tv/user.php?action=achievements*
// @version     1.1
// @grant       none
// @icon        http://animebytes.tv/favicon.ico
// ==/UserScript==

//===============================
//==  Configuration Variables  ==
//===============================
let config = {
  ratioInfinity        : false, //This is meant for me. Toggling this to true breaks the script when viewing achievements of anyone who has downloaded over 5GB.
  revampDone           : false, //Toggle this to true for a more compact list of done achievements.
  hideDoneByDefault    : true , //Toggle this to true if you want to hide the done achievements by default.
  hideUndoneByDefault  : false  //Toggle this to true if you want to hide the undone achievements by default.
}
//===============================

let doneAchievements = ~~$('.progress_text').text().substr(0,2);
let toBeHidden = $('#achievements tr:lt('+doneAchievements+')');
$('#achievements').addClass('undone');

//Ratio Infinity Mechanics
if(config.ratioInfinity)
  $('#achievements tr:gt('+(doneAchievements-1)+'):lt('+9+')').remove();

//Revamp Mechanics
if(config.revampDone){
  document.styleSheets[0].insertRule(`
    .revamp img {
      margin-left: 2px;
      margin-right: 2px;
    }
  `, 0);
  document.styleSheets[0].insertRule(`
    .revamp {
      text-align:center;
      margin-top: 20px;
      margin-bottom: 10px;
    }
  `, 0);
  let images = $('<div class="revamp"></div>').append(toBeHidden.find('td img'));
  toBeHidden.remove();
  toBeHidden = images;
}

//Hide Mechanics
let doneHeader = $('<div class="head colhead strong">Done Achievements</div>');
let undoneHeader = $('<div class="head colhead strong">Undone Achievements</div>');
doneHeader.on('click',()=>{
  $('.done').toggle();
});
undoneHeader.on('click',()=>{
  $('.undone').toggle();
});
$('.box.pad')
  .after(
    $('<div class="box"></div>')
    .append(undoneHeader)
    .append($('.undone'))
  )
  .after(
    $('<div class="box"></div>')
      .append(doneHeader)
      .append(
        $('<table id="achievements" class="done"></table>')
          .append(toBeHidden)
      )
  );
//Hide By Default
if(config.hideDoneByDefault)
  $('.done').hide();
if(config.hideUndoneByDefault)
  $('.undone').hide();