我在这里缺少什么脚本？

Question

试图为新客户重建网站-他希望我沿用(http://odfigroup.com/about-us/)

这是我的新建筑物位于https://lonebeacondevelopment.com/odfigroup/about-odonnell-financial-group/的地方

如您所见，我还无法获得点击功能的鼠标悬停和右侧内容更改

我已将所有CSS和此JS遗留在页面正文中。

<script type="text/javascript">
    jQuery('.value-icon').on('mouseover', function () {
        var windowwidth = jQuery(window).width();
        if (windowwidth > 767) {
            jQuery(this).parent().find('.value-popup').attr('style', 'display:block;');
        }
    });
    jQuery('.value-icon').on('mouseleave', function () {
        var windowwidth = jQuery(window).width();
        if (windowwidth > 768) {
            jQuery(this).parent().find('.value-popup').attr('style', 'display:none;');
        }
    });
    jQuery('.value-icon').on('click', function () {
        var windowwidth = jQuery(window).width();
        if (windowwidth < 769) {
            jQuery('.value-popup').slideUp();
            jQuery(this).parent().find('.value-popup').slideDown();
        }
    });
    jQuery(document).ready(function () {
        var windowwidthh = jQuery(window).width();
        if (windowwidthh < 769) {
            jQuery('.first-ic').slideDown();
        }
    })
</script>
<script type="text/javascript">
    var parentEl = jQuery('#approach-diagram').attr('class');
    jQuery('#approach-diagram span').on('mouseover', function () {
        var hoverEl = jQuery(this).attr('class');
        jQuery('#approach-diagram').attr('class', hoverEl + '-bg');
    });

    jQuery('#approach-diagram').on('mouseleave', function () {
        jQuery('#approach-diagram').attr('class', parentEl);
    });

    jQuery('#approach-diagram span').on('click', function () {
        var clickEl = jQuery(this).attr('class');
        jQuery('#approach-diagram').attr('class', clickEl + '-bg');
        jQuery('.approach-text').slideUp();
        jQuery('#' + clickEl + '-text').slideDown();
        parentEl = clickEl + '-bg';
    });
</script>

我还想念什么？有人可以帮助我让它正确启动吗？