0

このトグル効果をアニメーション化し、最初に段落を非表示にする必要があります。ユーザーがトグルをクリックすると、段落が表示される必要があります。それ以外の場合は、非表示にする必要があります。このコードは、最初に段落を表示し、トグルをクリックすると非表示にします。

これが私が使用しているコードです。少し編集して 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 に答える