如何在jquery中添加动画以切换效果,并在单击时显示切换

如何在jquery中添加动画以切换效果,并在单击时显示切换,jquery,html,toggle,Jquery,Html,Toggle,我需要设置这个切换效果的动画,并首先隐藏段落。当用户单击切换时,它必须显示段落。否则它需要隐藏起来。此代码首先显示段落,并在单击“切换”时将其隐藏 这是我正在使用的代码。我从w3schools.com复制了它,只做了一点编辑 <!DOCTYPE html> <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> </scri

我需要设置这个切换效果的动画,并首先隐藏段落。当用户单击切换时,它必须显示段落。否则它需要隐藏起来。此代码首先显示段落,并在单击“切换”时将其隐藏

这是我正在使用的代码。我从w3schools.com复制了它,只做了一点编辑

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $(".ab a").click(function(){
    $("#quick").toggle();
  });
});
</script>
</head>
<body>

<div class="ab"><a href="#">Toggle</a></div>
<div id="quick">This is a paragraph with little content.</div>
<p>This is another small paragraph.</p>

</body>
</html>

$(文档).ready(函数(){
$(“.ab a”)。单击(函数(){
$(“#快速”).toggle();
});
});
这是一段内容很少的段落。
这是另一小段

这应该可以做到:

$('#quick').hide();
$(".ab a").click(function () {
    $("#quick").toggle('slow');
});

这应该可以做到:

$('#quick').hide();
$(".ab a").click(function () {
    $("#quick").toggle('slow');
});

这应该行得通。您是否检查了控制台(F12)以确保jQuery正在加载


这应该行得通。您是否检查了控制台(F12)以确保jQuery正在加载?

您的意思是要隐藏这是一个内容很少的段落。默认情况下?您希望如何设置动画?褪色翻译?是的,这正是我需要的,@Richard你的意思是想隐藏这是一段内容很少的段落。默认情况下?您希望如何设置动画?褪色翻译?是的,这就是我需要的,@richardI复制了完全相同的内容,但没有发生是的,我只是做了。谢谢你们,伙计们(Y)我复制了完全相同的,但它没有发生是的,我只是做了。谢谢你们(Y)