我一直在互联网上搜索，但到目前为止没有找到好的解决方案。在我的HTML页面上，固定的#header分区内有一个#menu按钮，此标题下有＃menu-panel分区。通过单击按钮图像可以折叠菜单面板。下面的代码非常有用，除了默认情况下动画＃menu-panel是可见的。
有谁知道默认情况下如何使分割高度为0，但在单击按钮时仍会切换动画高度？代码如下：
<body>
<div id="header">
<img src="image" id="menu-button">
</div>
<div id="menu-panel">
<ul>
<li>some buttons listed here</li>
<li>some buttons listed here</li>
<li>some buttons listed here</li>
</ul>
</div>
<script src="js/jquery-1.11.3.min.js"></script>
<script>
// header menu
$(document).ready(function(){
$("#menu-button").click(function(){
$("#menu-panel").animate({
height: 'toggle'
});
});
});
</script>
</body>
先感谢您！
埃尔米戈
最佳答案
“下面的代码效果很好，除了默认情况下动画的＃menu-panel是可见的。”
更改此内容：<div id="menu-panel">
在<div id="menu-panel" style="display:none">
关于javascript - 在图像点击上切换动画分割高度(默认隐藏吗？)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44987355/