slideToggle在iPhone上表现得很奇怪？

Question

我使用以下代码在用户点击按钮（img）后有一个下拉部分（ul li's）。

jQuery(document).ready(function() {

    jQuery(".buttonMenu").click(function (e) {
        jQuery(".slideDownMenu").slideToggle();
            e.stopPropagation();
        });
        jQuery(document).click(function() {
            jQuery(".slideDownMenu").hide();  
    });

});

HTML：

<div class="slideDownMenu">
<ul class="menu">
<li><a onClick="goToByScroll('home');">Home</a></li>
<li><a onClick="goToByScroll('gallery');">Gallery</a></li>
<li><a onClick="goToByScroll('team');">Team</a></li>
<li><a onClick="goToByScroll('contact');">Contact</a></li>
</ul><!-- menu -->
</div> <!-- slideDownMenu -->
<span class="buttonMenu"></span>

我可以点击按钮，显示隐藏部分，点击列表项，转到同一页面上的锚点链接，然后点击/点击链接后该部分会隐藏但是，在iPhone上，当我再次点击img /按钮时，什么都不做。我必须从它的位置滚动页面然后再魔术，img /按钮再次可以点击。

为什么会发生这种情况，我该如何解决？

它只发生在iPhone / iPad上。在Chrome上，使用iPhone作为用户代理是可以的。此外，控制台中没有错误。