Javascript jquery-.slideToggle（）第一次单击不'；我不能正常工作

我有一个按钮，用于使用jquery的slideToggle（）函数展开隐藏的div（使用display:none；隐藏）。代码如下：

<button class="mobileonly singlebutton" style="color:#FFFFFF; font-size:20px;" title="Expand Menu" onclick="$('#menuslide').slideToggle('fast');">Quick Links Menu</button>
<br />
<div id="menuslide" class="infodiv mobileonly" style="display:none; list-style:none; font-size:24px;">

div上的id仅用于javascript，它没有任何样式。

缺少close

标记

<div id="menuslide" class="infodiv mobileonly" style="display:none; list-style:none; font-size:24px;">
</div>

---

感谢您分享css。这当然是一个CSS问题。我看到您设置了

display:inline用于类
.mobileonly
。将其更改为
显示：块应该可以解决您的问题

它在我创建的小提琴中工作。你能创造一把小提琴来表现这种行为吗？请提供有关jQuery版本和浏览器的信息。有关所需的详细信息，请参阅我的编辑。@Jehanzeb.Malik您的小提琴让我意识到我使用的是旧版本的jQuery。我必须重新创建网站的大部分内容，才能把它变成一把小提琴。我会看看我能做些什么。只是好奇，如果你删除onclick=“”，并在$（document）.ready（）中执行绑定，这能解决问题吗？我刚刚意识到这一点并添加了它，但不幸的是它没有解决问题。
<div id="menuslide" class="infodiv mobileonly" style="display:none; list-style:none; font-size:24px;">
</div>