jQuery toggle（）函数不使用'；我不能在iPhone上工作

我的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>

jQuery（文档）.ready（函数（$）{
$（“#ul1”）.hide（）；
$（“#btn1”）。单击（函数（）{
$（“#ul1”）.toggle（）；
$（this）.text（函数（i，v）{
返回v=='MORE'？'LESS'：'MORE'；
});
});
});

内容框的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>

标题
正文


项目
项目
项目

您是否尝试过：1。使用

e.preventDefault（）

或2抑制默认锚行为。通过

.on（）

-事件处理程序添加

单击

和

触摸

。@empiric我的jQuery知识有点有限，所以我不太确定这些是什么。请参见此处：，