(function( $ ){ $(window).on('load', function(){ $('.ent04_RouteMap > div').hide(); mapIconClick(); }); function mapIconClick(){ var offsetY = -100; var time = 1000; $('.ent04_RouteMap > img').click(function(){ $('.ent04_RouteMap > div').fadeOut(200); }); $('.ent04_RouteMap > a').click(function(){ $('.ent04_RouteMap > div').fadeOut(200); var target = $(this).attr('rel'); $('#'+target).fadeIn(200); return false; }); $('.ent04_RouteMap > div > a').click(function(){ var target = $(this).attr('href'); if (!target.length) return; var targetY = $(target).offset().top+offsetY; $('html,body').animate({scrollTop: targetY+1}, time, 'easeInOutQuint'); return false; }); } // old /*function mapIconClick(){ var offsetY = -100; var time = 1000; $('.mapIcon').click(function(){ var target = $(this).attr('target'); if (!target.length) return; var targetY = $('#'+target).offset().top+offsetY; $('html,body').animate({scrollTop: targetY+1}, time, 'easeInOutQuint'); return false; }); }*/ })( jQuery );