0

これについて助けが必要です

クリックするとコンテンツが下にスライドし、もう一度クリックすると上にスライドするときにこれが必要です

<li>...</li>    
<li>...</li>
<li id="with-content"><a href="#">Click here</a>
<div class="content">Some div here Some div here Some div here</div>
</li>

すべてのリストではなく、その特定のリストのみがコンテンツを表示したり、スライド効果で非表示にしたりする必要はありません

jqueryでこれを行うにはどうすればよいですか? 単純なスライドダウン+スライドアップ効果だけで、どんな助けでもしてください

4

2 に答える 2

2

これは検索で簡単に理解できるはずです。少しの努力で大いに役立ちますが、とにかく答えます。

$('#with-content a').on('click', function(e) {
    e.preventDefault();
    $(this).closest('li').find('.content').slideToggle(600);
});

ID は一意であり、おそらく document.ready にラップする必要があり、jQuery をサイトに含める必要がありますか?

于 2013-02-28T14:27:19.903 に答える
0 
$('#with-content a').on('click', function(e) {
   e.preventDefault();
   $('#with-content').toggle();
});
于 2013-02-28T14:28:31.060 に答える