Containerplanen

jQuery(document).ready(function ($) { if ($("#contact-badge").length > 0) { var contactBadge = $("#contact-badge"); var contactBadgeLabel = contactBadge.find(".contact-badge-label"); var contactBadgeContent = contactBadge.find(".contact-badge-content"); contactBadge.on('mouseenter', function() { contactBadgeContent.stop(true).animate({ width: "300px" }, 500); }); contactBadge.on('mouseleave', function() { setTimeout(function() { if (!contactBadge.is(':hover') && !contactBadgeContent.is(':hover')) { contactBadgeContent.stop(true).animate({ width: "0" }, 500); } }, 200); }); contactBadgeContent.on('mouseleave', function() { setTimeout(function() { if (!contactBadge.is(':hover')) { contactBadgeContent.stop(true).animate({ width: "0" }, 500); } }, 200); }); contactBadgeLabel.click(function () { var toggleWidth = contactBadgeContent.width() === 300 ? "0px" : "300px"; contactBadgeContent.stop(true).animate({ width: toggleWidth }, 500); }); } });