$(document).ready(function() { $('.displayclasses').click(function() { id = $(this).attr("href").split("="); $('.unitlisting').hide(); $('.unitrow').hide(); $('#classrow'+id[1]).slideToggle('slow'); $('#classes'+id[1]).slideToggle('slow'); return false; }); $('.displayunits').click(function() { id = $(this).attr("href").split("="); $('.classlisting').hide(); $('.classrow').hide(); $('#unitrow'+id[1]).slideToggle('slow'); $('#units'+id[1]).slideToggle('slow'); return false; }); // Only recreate on the window width change var $window = $(window); var lastWindowWidth = 0; $window.resize(function () { if (lastWindowWidth !== $window.width()) { lastWindowWidth = $window.width(); transformCourseTable($('#course-dates')); } }); $(window).on('load', function(){ transformCourseTable($('#course-dates')); }) }); function transformCourseTable(table){ if ($(window).width() <= 767) { table.find('tr.table-header').children('th').each(function(index){ var td = table.find('tr.course-row').children('td').eq(index) if (td.children('.xs-label').length <= 0) { table.find('tr.course-row').children('td:nth-child(' + (index + 1) + ')').prepend('<span class="xs-label">' + $(this).text() + '</span>'); } }); } }