').appendTo('head'); } else { $('.bizdetail__content button').show(); } $('.bizdetail__content button').click(function () { $(this).text(function (i, text) { return text === "Read More" ? "Hide" : "Read More"; }) $('.bizdetail__content div').toggleClass('expanded'); }); } $('.hover a.book-button').attr('href', $('.bizdetail__book > a').attr('href')).attr('target', "_blank"); $('.bizdetail__perks a.toggle').click(function (e) { e.preventDefault(); $(this).text(function (i, text) { return text === "Click Here for Details" ? "Hide Details" : "Click Here for Details"; }) $('.bizdetail__perks .details').toggleClass('hidden'); }); $('.bizdetail__book').hover(function () { $('.bizdetail__book .hover').toggleClass('hidden'); }); // Handle mobile buttons in footer $('.bizdetail__book .book').click(function (e) { e.stopPropagation(); if ($('.bizdetail__contact').hasClass('active')) { $('.bizdetail').removeClass('hovered'); $('.bizdetail__contact').removeClass('active'); } $('.bizdetail').toggleClass('hovered'); $('.bizdetail__book .hover').toggleClass('active'); }); $('.bizdetail__book .contact').click(function (e) { e.stopPropagation(); if ($('.bizdetail__book .hover').hasClass('active')) { $('.bizdetail').removeClass('hovered'); $('.bizdetail__book .hover').removeClass('active'); } $('.bizdetail').toggleClass('hovered'); $('.bizdetail__contact').toggleClass('active'); }); $(document).click(function () { $('.bizdetail__book .hover').removeClass('active'); $('.bizdetail__contact').removeClass('active'); }); // Handle sidebar scrolling; modified from business-ads.php var header = $('header').innerHeight() + 30; var nav = $('.bizdetail__column--right'); // Is this right? var navHeight = nav.innerHeight(); var navOffset = nav.offset().top; var ads = $('.bizdetail'); // This doesn't seem right since the HTML structure is different var adsOffset = ads.offset().top; var adsBottom = adsOffset + ads.innerHeight(); $(window).load(function () { adsBottom = adsOffset + ads.innerHeight(); }); $(window).scroll(function () { var topScroll = $(window).scrollTop(); var trigger = topScroll + header; var stopper = adsBottom - navHeight - 145; if ((trigger >= navOffset) && (topScroll < stopper)) { nav.addClass('sticky'); nav.css({top: header, bottom: 'auto'}); } else if (topScroll >= stopper) { nav.css({top: 'auto', bottom: '0'}); } else { nav.removeClass('sticky'); } }); });