我正在创建一个小型移动原型(prototype)。我可以让我的内容下推显示/隐藏。这是我的代码，请帮忙!我不确定问题出在哪里。我认为它可能放在一个position:relative或另一个属性。我希望尽快解决这个问题。如果您能指出我如何解决此问题的正确方向，将不胜感激。我认为我的 div 堆叠正确，但我不确定。自从我编码以来已经有一段时间了，我有点生疏了。
<body>
<div id="header">
<a href="#" onclick="overlayvis(showhideme)"><img src="images/header.gif"></a>
</div>
<div class="nav" id="showhideme" style="visibility: hidden; display: block; position relative;">
<div id="content">
<p><img src="images/nav.png"></p>
</div>
</div>
<div class="wrap">
<div id="content">
<p>
<img src="images/body.jpg" border="0" usemap="#Map">
<map name="Map" id="Map">
<area shape="rect" coords="3,1727,638,1804" href="#top" alt="back to top" />
<area shape="rect" coords="31,1853,611,1940" href="tel:+18005555555" alt="tap to call" />
</map>
</p>
</div>
<div id="footer">
<a href="#content"><img src="images/footer.png"></a>
</div>
</div>
</body>
</html>
非常感谢!
最佳答案
删除内联样式并将 class="somebutton" 添加到您的链接。然后使用以下 jQuery。
$('a.somebutton').on('click', function(){
$('#showhideme').animate({height:'toggle'});
});
关于jquery - onclick 显示/隐藏向下推送内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17282505/