Template:Tec-Monterrey/js/notebook

$(document).ready(function () {

   $("td").click(function () {
       var selectedId = $(this).attr('id');
       var current = $(".current")
       fadeSwitchElements(current.attr('id'), selectedId);
       $(".current").attr("class", "");
       $('#' + selectedId).attr("class", "current");
       
   });

});

function fadeSwitchElements(id1, id2) {

   var element1 = $('.' + id1);
   var element2 = $('.' + id2);
   if (element1.is(':visible')) {
       element1.fadeToggle(500);
       element2.fadeToggle(500);
   }
   else {
       element2.fadeToggle(500, function () {
           element1.fadeToggle(500);
       });
   }

}