Why doesn't js code work in Safari?

Question

iPhone

$(document).ready(function(){
    /*
    $(document).on('click','.catalog-top-menu__menu-btn',function(){
        $('.catalog-top-menu ul').slideToggle();
    })
    */


    $('.catalog-top-menu__section-path').hover(function(){
        if (document.body.clientWidth>1099){
            $(this).children('.catalog-top-menu__submenu-wrapper').stop(false, true).fadeIn(50).css("display", "block");
        }
    },function(){
        $(this).children('.catalog-top-menu__submenu-wrapper').stop(false,true).fadeOut(50);
    })


    $(document).on('click','.catalog-top-menu-sm',function(){
        $('.catalog-top-menu').slideToggle();
    })

    $(document).on('click','.header__xs-menu-btn',function(){
        $('.catalog-top-menu').slideToggle();
    })


})

The code does not work in safari

Answer 1

What part is not working? Maybe Safari has a feature with context in the first part of the code.