我有非常基本的:当点击菜单上,它会打开,当再次点击关闭
// jQuery Document
var main = function() {
/* Push the body and the nav over by 285px over */
$('#share').click(function() {
$('.menu').animate({
right: "0px"
}, 200);
$('body').animate({
right: "285px"
}, 200);
});
/* Then push them back */
$('html').click(function() {
$('.menu').animate({
right: "-285px"
}, 200);
$('body').animate({
right: "0px"
}, 200);
});
};
$(document).ready(main);
而且,我想要做这样的事情。如果在菜单图标,用户点击(#share)菜单将出现,如果菜单是可见的,并且用户再次点击,它将消失。如何简单地做到这一点?我想尽可能简单...请帮助我:)
而且是的...我写了类似html的东西。点击..然后关闭菜单..应该有菜单图标的名称(#share)
有菜单的CSS:
.menu {
background-color: #373737;
right: -285px;
height: 100%;
position: fixed;
width: 285px;
}
和HTML:
<!DOCTYPE html>
<html>
<head>
<title>Minecraft</title>
<link href="styles_m.css" rel="stylesheet" type="text/css">
</head
<body>
<div class="menu">
</div>
<div id="header">
<div id="main">
<a href="minecraft.html"><img src="my_logo.png"></a>
</div>
<div id="share">
<img name="menu" src="my_menu.png">
</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="main.js">
</script>
</body
</html>
添加HTML也或创建一个jsfiddle演示 – Tushar
kk,我会做 –
@PetrCihlar查看我的答案老板...不使用太多变量... –