jquery中向下滑动的div中的按钮在触摸设备上不起作用

我有一个图标，当它被点击时，将滑下包含按钮的ul元素。向下滑动功能正常，但按钮在触摸设备上不起作用。每次我点击按钮，div元素都会再次滑动。如何使按钮可敲击

<ul class="block-cart">
    <li class="menu_right">
        <span class="price">$40</span>
        <div class="block-cart-content" style="display:none;">
            <p class="block-subtitle">Your Cart:</p>
            <div class="actions">
                <button class="button" onclick="setLocation('http://127.0.0.1/checkout/cart/')" title="Show Cart" type="button">
                    <span>Show Cart</span>
                </button>
            </div>
        </div>
    </li>
</ul>

$('.block-cart').on('click touchstart', function () {
    if ($('.block-cart-content').is(":hidden")) {
        $('.block-cart-content').slideDown('medium');
    } else {
        $('.block-cart-content').slideUp('medium');
    }
    return false;
});

$40
您的购物车：
展示车


$（'.block cart'）。在（'单击touchstart'，函数（）{
如果（$（'.block cart content'）是（“：hidden”））{
$（'.block cart content'）。向下滑动（'medium'）；
}否则{
$（'.block cart content'）.slideUp（'medium'）；
}
返回false；
});

这似乎是一个奇怪的答案，但我在IOS上看到（如果你遇到这个问题的话），你需要添加css

光标：指针

到

谢谢您的回答，但是

光标：指针已经存在。这个问题在iOS和Android上都会出现。