1

これはおそらく非常にばかげた質問ですが、答えは明らかです。slideToggle の使い方が間違っているのではないかと思いますが、それ以外の方法がわかりませんでした。

基本的に、ユーザーがさまざまな見出しをクリックして、下の段落のみを非表示/表示することを望みます。現時点では、見出しのいずれかをクリックすると、非表示の段落がすべて表示されます。

これは私が現在使用しているコードです:

<a href="#"><div class="contenthead">
    Click here
</div></a>
<p class="content"> Lorem ipsum dolor</p>


<a href="#"><div class="contenthead">
    Click here now
</div></a>
<p class="content"> Lorem ipsum dolor sit amet, consectetur adipiscing</p>


<script>
$('.contenthead').click(function() {
    $('.content').slideToggle('slow', function() {
    // Animation complete.
    });
});
</script>

どうすればこれを行うことができますか？

4

2 に答える 2

0

このスクリプトの上部と下部にjqueryプラグインが必要です。

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js'>
</script>

<script>
$(function(){ //<------------------------ use doc ready handler
   $('.contenthead').click(function() {
    $(this).parent().next('.content').slideToggle('slow');
   });
});          //<-------------------------
</script>
于 2013-02-04T11:56:28.667 に答える
0

親（）および次（）関数を使用します。

$('.contenthead').click(function() {
    $(this).parent().next().slideToggle('slow', function() {
    // Animation complete.
    });
});
于 2013-02-04T11:47:01.390 に答える