gpt4 book ai didi

javascript - 单击图像时切换动画分割高度(默认隐藏?)

转载 作者:太空宇宙 更新时间:2023-11-04 15:28:46 26 4
gpt4 key购买 nike

我一直在互联网上搜索,但到目前为止没有找到好的解决方案。在我的 HTML 页面上,固定的 #header 分区内有一个 #menu-button ,该标题下方有一个 #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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com