这个问题在这里已有答案：
我正在尝试onload slideDown。当页面打开时，div会在2秒后自动滑动。 div由响应式图像和一个名为“z-indexed”的按钮组成。现在我需要的是滑动同一个div。我正在使用以下代码，但不适用于slideUp。当我点击z-indexed按钮时没有任何反应。
我是jquery的初学者，我真的陷入困境。请帮助我，你的努力将不胜感激，谢谢。
<html>
<head>
<title>slideDown</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#mydiv").slideUp(1).delay(2000).slideDown('slow');
$("#mybutton").click(function() {
$("#mydiv").slideUp(); // i think here's the problem
});
});
</script>
<style type="text/css">
img{
width: 100%;
height: auto;
}
</style>
</head>
<body>
<h2>here is some text , you will see an image and a button, after 2 seconds. when you click on the button the div will slideUp.</h2>
<div id="mydiv">
<button id="mybutton">z-indexed</button>
<img src="php.jpg">
</div>
</body>
</html>
有两个问题：
$('mybutton').click...试试这个：
$(document).ready(function() {
$("#mydiv").slideUp(1).delay(2000).slideDown('slow');
$("#mybutton").click(function() {
$("#mydiv").slideUp(); // i think here's the problem
});
});