jQuery不适用于Safari或Mobile

Question

我写了下面的代码：

jQuery('.infoBox').hide();

jQuery('.read').click(function() {
    jQuery('.infoBox').hide();
    jQuery('.panel-row-style-for-'+ jQuery(this).attr('title')).show();
    jQuery('html, body').animate({
        scrollTop: (jQuery('#pg-11-1').first().offset().top -100)
    },500);
});

它在页面加载时隐藏了多个infoBox元素，然后当用户在顶部点击某些链接时，它会一次打开一个隐藏的元素。

首先，如果我将每行前面的jQuery标记更改为$，则会出现错误

  

$不是一个功能。

其次，它适用于Chrome，IE，Edge，Firefox，但不适用于Safari或移动版。