Question

这是在多个地方的PHP页面中工作正常。一个img链接弹出div内容区域，然后在另一次点击时弹回 - 在该区域底部有一个小的img按钮，也可以向上/向后弹出内容。我试图找到一种方式让这个区域像一个花哨的菜单一样缓和，而不是立即出现。

这可能吗，还是我一言不发地撞墙？任何帮助都会有很大的帮助！ -thx！

<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>

Answer 1

你需要使用JavaScript它会沿着这条线创建一个变量var _opened = false然后使用onClick() if(_opened == false){..do animation then.. _opened = true} else { .. closing animation then.. _opened = false}你需要查找如何做动画但这就是它的框架。

对于动画，您不能使用块样式，因为在块状态之间没有，您必须将图像附加到<div>然后更改它的高度，在jquery中像这样{ {1}}

在下拉菜单中显示DIV AREA（显示：无显示：块）

1 个答案: