单击按钮时弹出菜单
单击按钮时弹出菜单
提问于 2014-07-31 14:05:50
我需要一个功能，在那里点击按钮，我需要滑上一个菜单，同时上移出按钮或弹出菜单，菜单必须关闭(SlideDown)。
我有多个按钮在页面中，其中包含菜单，所以在点击菜单上移动到另一个按钮将打开或移动到DOM中的一些其他元素，我也需要关闭菜单。
请提个建议。
回答 2
Stack Overflow用户
发布于 2014-07-31 14:14:36
我相信你想要创建一个菜单和一个按钮来显示和隐藏它；
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#flip").click(function(){
if( $(this).text()=="Open")
{
$(this).text("Hide");
}
else
{
$(this).text("Open");
}
$("#panel").slideToggle("slow");
});
});
</script>
<style>
#panel,#flip
{
padding:5px;
text-align:center;
background-color:#e5eecc;
border:solid 1px #c3c3c3;
}
#panel
{
padding:50px;
display:none;
}
</style>
</head>
<body>
<button id="flip">Open</button>
<div id="panel">Menu!</div>
</body>
</html>Stack Overflow用户
发布于 2014-07-31 14:25:16
使用CSS和Jquery可以将菜单css设置为
display:none然后就
display:block 当按钮被点击时，它会显示出来。或者您也可以使用Toggle
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25051843
复制相关文章
相似问题
腾讯云开发者
