[JS]リスト要素の一部をアニメーションで表示・非表示させるスクリプト -aPartHide | コリス

長いリストを省スペースに設置するのに便利なリストの一部を非表示にし、隠したアイテムをアニメーションでスライド表示させるjQueryのプラグインを紹介します。 aPartHide デモ [ad#ad-2] 非表示にするアイテムの数は設定が可能で、デモでは七つのアイテムを配置したリスト要素の初期状態では3アイテムだけ表示し、「more」をクリックするとすべてのアイテムが表示されます。 また、全アイテムを表示した状態で、「less」をクリックすると3アイテムのみ表示されます。 aPartHideの実装 HTML リスト要素をdiv要素で内包し、表示・非表示用のdiv要素を配置します。 <div id="box1" class="demo"> <h3>Demo</h3> <ul> <li>Demo list item 1</li> <li>Another list item</li> <li>Th

[suikomiman]

スライド

[hr07jp]

iQueryリスト要素の一部を表示・非表示させる-aPartHide（プルダウンメニュー）

[nors]

http://fredibach.ch/jquery-plugins/aparthide.php

[www-tmcc]

Reader

[Donca]

✔ [JS]リスト要素の一部をアニメーションで表示・非表示させるスクリプト -aPartHide