Question

我需要设置此切换效果的动画并首先隐藏该段落。当用户单击切换时，它必须显示段落。否则需要隐藏它。此代码首先显示段落，并在单击切换时隐藏它。

这是我正在使用的代码。我从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>

Answer 1

这应该这样做：

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

<强> jsFiddle example

Answer 2

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

那应该有用。你检查过你的控制台（F12）以确保jQuery正在加载吗？

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

2 个答案: