$(document).ready(function () { $('.acc_trigger').click(function () { $(this).toggleClass("active"); $(this).next('.cmpr-rsult').slideToggle("600"); return false; }); $('.acc_trigger').not('.active').next('.cmpr-rsult').hide(); $('#compare_select').change(function () { var value = $(this).val(); if (value == "") { return false; } if (!$('#' + value).hasClass('active')) $('#' + value).click(); scroll_to(value); }); $(window).scroll(function () { var aTop = $('.compr-carBox').height(); if ($(this).scrollTop() >= aTop) { $('.compr-carBox').addClass('stickyBox'); } else { $('.compr-carBox').removeClass('stickyBox'); } }); $(window).scroll(function () { var $orignalElm = $('#orignal-box'); var $stickyElm = $('#compare-sticky'); var orgElementPos = $orignalElm.offset(); orgElementTop = orgElementPos.top; orgElementHeight = $orignalElm.height() - 30; if ($(window).scrollTop() >= (orgElementTop + orgElementHeight)) { $orignalElm.css('visibility', 'none'); $stickyElm.addClass('stickyCmprActive'); } else { $stickyElm.removeClass('stickyCmprActive'); $orignalElm.css('visibility', 'visible'); } }); }); function scroll_to(id) { $('html, body').animate({ scrollTop: $("#" + id).offset().top - 75 }, 1000, function () { }); }