Javascript 从图像底部升起的菜单

我一直在寻找一种方法，使菜单从图像下方的菜单栏上升

我希望这样，当你点击一个箭头时，菜单会打开并部分覆盖图像，而不会影响页面中其他元素的位置

我正在努力找到一种方法来做到这一点。在这里发布的原因不是为了一个完整的解决方案，而是想也许有人能给我指出正确的方向。例如，这个有名字吗？有没有jQuery插件可以帮上忙

我曾尝试使用slideUp（）和slideDown（）重新创建此效果，但无法使其产生所需的效果。我也试着用手风琴，但没能达到想要的效果

---

任何帮助都将不胜感激。

如果最初需要在页面底部显示带有提交按钮的菜单：

尝试设置

位置：绝对和
底部：0px具有定义的高度

然后，对于箭头标记，绑定一个单击事件

在click事件回调函数中：

使用
jQuery.animate
函数并更改css的高度和顶部属性

如果你不想要任何动画，最好在底部的工具栏上切换CSS类。
这不是StackOverflow的工作方式。通常情况下，你必须尝试一些东西，如果你卡住了，就来给我们看看你的代码。但是，作为提示，我将菜单定义为
position:absolute
，这样它将变为“free”，并且在移动时不会影响任何其他内容。然后可以通过改变“bottom”属性来设置动画。我认为
top
或
height
属性会更好。尽管如此，还是有很多自下而上菜单的例子值得一看。如果您想选择
位置：绝对
路线，还有一条建议：确保将图像和菜单包装在具有
位置：相对
的元素中。否则，菜单将只根据最近的非静态元素定位，该元素可能远至整个视口。是的，对不起。谢谢你的回复，我将尝试绝对定位，看看我能做些什么。我想这将帮助我解决这个问题，所以非常感谢-我还将看看自下而上的菜单，为术语干杯。