mvc razor and jquery
DB レコードに基づいて UI を動的に使用および構築しています。
<div>
ページのセクションには、以下に示すように、別のセクションに多くの共通情報があります
<div id="Test"> </div>
<div id="Test"> </div>
<div id="Test"> </div>
<div id="Test"> </div>
..
..
<div id="Test"> </div>
そしてコンテンツは動的です。だから私はユーザーのためにトグルデザインを達成しようとしていた
一度に2 つまたは 3 つの下部のみ<div>
を表示し、もう 1 つを非表示にして、[もっと見る] または [より少なく見る] にします。
ユーザーが「もっと見る」を表示すると、すべてが表示され、「表示を減らす」をクリックすると、2-3 が表示されます<div>
長さを取得して<div>
作成することで実装しようとしましdisplay:none;
たが、私が望むものに100%成功したわけではないので、ここでいくつかの新鮮なアイデアを得ると思いました.
View more/Less をハイパーリンクとして保持することで、JQUERY でこれを実現するにはどうすればよいですか? ありがとう、