jQuery toggle（）函数不适用于iPhone

Question

我的WordPress模板中有一个内容框，底部有一个按钮。在框的中间有一个无序列表，一旦点击它按钮就应该打开。再次单击该按钮后，列表将再次关闭。我添加了一些代码来根据状态更改按钮文本，从那时起切换不适用于iPhone。桌面工作正常。

jQuery代码：

<script> 
jQuery(document).ready(function($){
    $("#ul1").hide();
    $("#btn1").click(function(){
         $("#ul1").toggle();
$(this).text(function(i, v){
               return v === 'MORE' ? 'LESS' : 'MORE';
            });
    });
});
</script>

内容框的HTML：

<div class="x-column x-sm benefitsColumn x-1-3" style="padding: 0;">
    <div class="x-text cs-ta-center benefitsHeader">
        <div id="b1"></div>
        <h2>Header</h2>
    </div>
    <div class="x-text cs-ta-left">
        <p>Text</p>
    </div>
    <div class="x-text cs-ta-left">
        <ul id="ul1" class="bullets2">
            <li>Item</li>
            <li>Item</li>
            <li>Item</li>
        </ul>
    </div>
    <a id="btn1" class="x-btn reasonsButton x-btn-flat x-btn-rounded x-btn-large" href="#b1" data-options="thumbnail: ''">MORE</a>
</div>