На разных страницах сайта есть списки разной длины от 5 до ~50 пунктов.
Списки оформлены в виде следующей конструкции:
<div class="tdm">
<ul>
<li>Холодильник AEG</li>
<li>Холодильник ATLANT</li>
<li>Холодильник AVEX</li>
<li>Холодильник Akai</li>
<li>Холодильник Amana</li>
<li>Холодильник Amica</li>
<li>Холодильник Ardo</li>
<li>Холодильник Artevino</li>
<li>Холодильник Asko</li>
</ul>
</div>
Необходимо с помощью скрипта, если пунктов списка на странице, например болеe 5 штук, то остальные прятать, а вместо них показывать надпись "Показать все". Нужно так же отображать весь список при нажатии на надпись "Показать все", а саму надпись убрать после клика по ней, т.к. она более будет не нужна (сворачивать список при повторном клике не требуется – одностороннее действие).
Возможно ли это реализовать с помощью JQuery? Если да, то подскажите, как должен выглядеть скрипт для решения этой задачи?