Javascript DIV AREA ease in like下拉菜单（显示：无显示：块）_Javascript_Html

Javascript DIV AREA ease in like下拉菜单（显示：无显示：块）

javascript html

Javascript DIV AREA ease in like下拉菜单（显示：无显示：块）,javascript,html,Javascript,Html,这是在PHP页面的多个地方，工作良好。一个img链接，弹出div内容区域，然后在另一次点击时弹出-在该区域底部有一个小img按钮，也会弹出内容备份/离开。我正试图找到一种方法，让这一地区像一份精美的菜单一样轻松下来，而不是一下子出现这是可能的，还是我无缘无故地把头撞在墙上？任何帮助都将不胜感激-谢谢 <head> function toggle(id) { if (document.getElementById(id).style.display == 'none') {

这是在PHP页面的多个地方，工作良好。一个img链接，弹出div内容区域，然后在另一次点击时弹出-在该区域底部有一个小img按钮，也会弹出内容备份/离开。我正试图找到一种方法，让这一地区像一份精美的菜单一样轻松下来，而不是一下子出现

这是可能的，还是我无缘无故地把头撞在墙上？任何帮助都将不胜感激-谢谢

<head>
function toggle(id) {
if (document.getElementById(id).style.display == 'none') {
        document.getElementById(id).style.display = 'block';
        } else {
            document.getElementById(id).style.display = 'none';
        }
}
</head>
<body>
<a href="javascript:;" onClick="toggle('unique_name')"><img ...></a>
<div id="unique_name" align="center" style="display:none;">
<span> -content- </span>

<div align="center"><a href="javascript:;" onClick="document.getElementById('unique_name').style.display='none';"><img src="/path/file-name.png" width="150" alt="Hide"></a></div>
</div>


功能切换（id）{
if（document.getElementById（id）.style.display=='none'）{
document.getElementById（id）.style.display='block'；
}否则{
document.getElementById（id）.style.display='none'；
}
}
-内容-

您需要使用JavaScript，它将按照下面的思路创建一个变量

var\u opened=false

，然后使用

onClick（）

如果（\u opened=false）{..那么做动画..\u opened=true}否则{..那么关闭动画..\u opened=false}

您必须查看如何制作动画，但这是它的框架

对于动画，您不能使用块样式，因为没有中间块状态，您必须将图像附加到

中，然后更改它的高度，在jquery中类似于

$（'id of element'）。动画（{height:“selected height”}）