jqueryの問題があります。私は初心者です!div要素をターゲットにする
divの段落の選択に非表示/表示切り替えを適用したいとします。私はページ上に数多くの同様のdiv要素を持っていて、トグルするための別々のリンクを持っています。
私のHTMLは次のとおりです。
<div class="profile">
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
<div class="more">
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
</div>
<a href="#" title="More" class="more">More</a>
</div>
<div class="profile">
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
<div class="more">
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
</div>
<a href="#" title="More" class="more">More</a>
</div>
どのように私はそれがjQueryのを使用してページ上で別々に(DIV CLASS = "もっと")各div要素を切り替えることができますか?現時点では、すべての部門が同時に非表示/表示されます!
おかげ
クリック機能を追加すると、この機能に追加して「その他」のリンクを「Less」に変更する方法はありますか? addClass、removeClass関数を使用すると思いますか? – Rob
そうですが、 'toggleClass( 'less')'が行います。 '$(this).toggleClass( 'less')。prev( 'div.more')。toggle();'。 @Robの削除/追加を行います –