Question

它很简单。但我只是感到困惑。

这是jquery代码：

<!DOCTYPE HTML>
<html>
<head>
<title>Jquery </title>
<link rel="stylesheet" href="css/style.css" type="text/css">
<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
</head>
<body>
<h2>welcome to jquery</h2>
<p>Jquery is invented by John Resig</p>
<button id="button">submit</button>
<script>
$(document).ready(function() {
$("button").click(function() {
$("h2").slideDown(400);
});
});
</script>
</body>
</html>

但它不起作用，但slideUp()工作正常。

我可以知道为什么吗？我的错是什么？

提前致谢。

Answer 1

首先，你需要隐藏你想要幻灯片放映的内容，之后它会起作用，见下面的例子

＆＃13;

<!DOCTYPE HTML>
<html>
<head>
<title>Jquery </title>
<link rel="stylesheet" href="css/style.css" type="text/css">
<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
</head>
<body>
<h2 style="display:none;">welcome to jquery</h2>
<p>Jquery is invented by John Resig</p>
<button id="button">submit</button>
<script>
$(document).ready(function() {
$("button").click(function() {
$("h2").slideDown(400);
});
});
</script>
</body>
</html>

＆＃13;

Answer 2

你可以尝试这样做：实际上h2在幻灯片中，所以如果你申请slideDown它就不起作用。你可以做两种方式来制作h2 {{1 }} 或display:none他使用jquery。然后你可以拨打hide

slideDown

Answer 3

使用此Demo Here

$(document).ready(function() {
$("button").click(function() {

    if($('h2').attr('style') == "display:none;")  {  
$("h2").slideDown(400);
    }else{
   $("h2").slideUp(400);     
    }
});
});

为什么slideDown（）不能在jquery中工作？

3 个答案: