MediaWiki:Common.js

mw.loader.load( 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css', 'text/css' );
mw.loader.load( 'https://fonts.googleapis.com/css?family=EB+Garamond', 'text/css' );
mw.loader.load( 'https://use.fontawesome.com/bd289233d5.js' );

$('#section-links').hover(
       function(){ $('#tsdlogo').addClass('hide') },
       function(){ $('#tsdlogo').removeClass('hide') }
)

$('#bios-trigger').hover(
       function(){ $('#sections-slideins').addClass('bios-back animated fadeInRight') },
       function(){ $('#sections-slideins').removeClass('bios-back animated fadeInRight') }
)

$('#indexes-trigger').hover(
       function(){ $('#sections-slideins').addClass('indexes-back animated fadeInRight') },
       function(){ $('#sections-slideins').removeClass('indexes-back animated fadeInRight') }
)

$('#maha-trigger').hover(
       function(){ $('#sections-slideins').addClass('maha-back animated fadeInRight') },
       function(){ $('#sections-slideins').removeClass('maha-back animated fadeInRight') }
)

$('#anu-trigger').hover(
       function(){ $('#sections-slideins').addClass('anu-back animated fadeInRight') },
       function(){ $('#sections-slideins').removeClass('anu-back animated fadeInRight') }
)

$('#ati-trigger').hover(
       function(){ $('#sections-slideins').addClass('ati-back animated fadeInRight') },
       function(){ $('#sections-slideins').removeClass('ati-back animated fadeInRight') }
)

$('#sup-trigger').hover(
       function(){ $('#sections-slideins').addClass('sup-back animated fadeInRight') },
       function(){ $('#sections-slideins').removeClass('sup-back animated fadeInRight') }
)



$(document).ready(function() {
  $("#bios-trigger").on('click', '.link', function() {
    $("#bios-trigger").append('<a href="index.php/Biographies" class="link"> Link </a>');
  });

  $("#bios-trigger").html('<a href="index.php/Biographies" class="link">Link</a>');
});



function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }