jquery works everywhere but IOS

Question

Code works on all desktop platforms and android. Will not function on IOS.

Any thoughts?

Here is a link to the page: https://kellywalsh.org//academics.html

Have also tried: $("button").on('click, touchstart',function(){ without success (and touchend)

<div class="container">
            <button>
                <img src="images/icons/business_gr.png" alt="business icon" />
                <span class="text">Business</span>
                <span class="material-symbols-outlined">add</span>
            </button>
            <div class="panel">
                <p align="center">
                   The Kelly Walsh Business department's goal is to provide students with the skills necessary to enter the business world or pursue a business/technical degree at the post-secondary level. The department sponsors student chapters
                    of DECA and Skills USA that have long traditions of excellence in Wyoming State competitions including dozens of State Champions, many top-ten finishers at national competition, and several national champions. Courses in our Business
                    program include Microsoft Computer Applications, Marketing, Financial Literacy, Accounting, Cisco Networking, Web Design, Introduction to Business, and Business Publications.
                </p>
                
            </div>
        </div>

$("button").on('click',function(){
      
     let status=$(".material-symbols-outlined",this).html();

        if (status==="add"){
            $(".material-symbols-outlined").text("close");

        }else{
            $(".material-symbols-outlined").text("add");
        }
        $("button:not(:focus) + .panel").slideUp(300);
        $("button:not(:focus) .material-symbols-outlined").text("add");
        $("button:focus + .panel").slideToggle(300);
       
    });