(function($) { $(function() { var targets = $('[rel~=tooltip]'), target = false, tooltip = false, title = false; $('.acf-postbox, .acf_postbox').on('mouseenter', '[rel~=tooltip]', function() { target = $(this); tip = target.attr('title'); tooltip = $('
'); if (!tip || tip == '') return false; target.removeAttr('title'); tooltip.css('opacity', 0) .html(tip) .appendTo('body'); var init_tooltip = function() { if ($(window).width() < tooltip.outerWidth() * 1.5) tooltip.css('max-width', $(window).width() / 2); else tooltip.css('max-width', 340); var pos_left = target.offset().left + (target.outerWidth() / 2) - (tooltip.outerWidth() / 2), pos_top = target.offset().top - tooltip.outerHeight() - 20; if (pos_top < 0) { var pos_top = target.offset().top + target.outerHeight(); tooltip.addClass('top'); } else tooltip.removeClass('top'); tooltip.css({ left: pos_left, top: pos_top }) .animate({ top: '+=10', opacity: 1 }, 50); }; init_tooltip(); $(window).resize(init_tooltip); var remove_tooltip = function() { tooltip.animate({ top: '-=10', opacity: 0 }, 50, function() { $(this).remove(); }); target.attr('title', tip); }; target.on( 'mouseleave', remove_tooltip ); tooltip.on('click', remove_tooltip); }); }); }(jQuery));