0

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

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

2 回答 2

3

这应该这样做：

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

jsFiddle 示例

于 2013-03-21T16:06:42.400 回答
0 
$(document).ready(function() {
$(".ab a").click(function () {
    $("#quick").toggle('slow');
});
});

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

于 2013-03-21T16:54:48.420 回答