我试图用一个小按钮创建一个向下滑动的菜单。它必须只有 1 个按钮，我无法计算出 if - height 俚语。
<html>
<head>
<link href="menu.css" rel="stylesheet" type="text/css">
<script src="jquery-1.9.1.min.js"></script>
<script language="javascript">
$(document).ready(function(){
$("#button").click(function () {
if ($("#menu").is("height:30px")) {
$("#menu").animate({"height":"500px"}, 500);
} else {
$("#menu").animate({"height":"30px"}, 500);
}
});
});
</script>
</head>
<body bgcolor="#CCCCCC">
<button id="button" value="littlebutton"></button>
<div id="menu">this is the menu</div>
</body>
</html>
我/一直在谷歌搜索，我有点着急。
问候，克里斯。
编辑：
现在第一部分已经完成，我认为其余的部分不会很难自己完成。我当然需要其中的文字，但文字不会滚动，它只是隐藏起来。
<!DOCTYPE html>
<html>
<head>
<link href="menu.css" rel="stylesheet" type="text/css">
<script src="jquery-1.9.1.min.js"></script>
<script language="javascript">
$(document).ready(function(){
$("#button").click(function () {
if ($("#menu").css("height")=="30px") {
$("#menu").animate({"height":"275px"}, 500);
$("#text").scrollDown(500);
} else {
$("#text").scrollUp(500);
$("#menu").animate({"height":"30px"}, 500);
}
});
});
</head>
<body bgcolor="#CCCCCC">
<div id="menu">this is the menu <button id="button" value="littlebutton"></button><div id="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sed magna quis arcu lacinia euismod ac blandit nunc. Proin sit amet risus turpis, quis tempor magna. Aliquam erat volutpat. Vestibulum ac risus leo, quis eleifend tellus. Sed eu vestibulum justo. Class aptent taciti sociosqu ad litora torquent per conubia nostra.</div></div>
</body>
</html>
当底部碰到它时，我还需要文本“滑动/滚动”。这该怎么做？
编辑2
没关系，用滚动而不是滑动......错字，程序员的地狱。