MovableTypeというよりも、HTMLの小技です。
xillionサイトで多用している折りたたみ項目をブログにも持ちこんじゃいました。
例えば、カテゴリー一覧の[冒頭]がぞれ。
クリックするとはじめの一文が表示され、再クリックで隠れます。
http://www.xillion.net/blog/cat01.html
ソースはこんな感じです。
<MTEntries category="雑記" sort_order="ascend">
<span style="text-align:right;">
<a href="<$MTEntryLink$>"><$MTEntryTitle$>
<$MTEntryDate format="%Y-%m-%d"$>
<span onmousedown="if (a<$MTEntryID pad="1"$>.style.display=='none') {a<$MTEntryID pad="1"$>.style.display='block'} else
{a<$MTEntryID pad="1"$>.style.display='none'};" onmouseover="this.style.background=' #ffcccc '" onmouseout="this.style.background=''" style="cursor:hand;">[冒頭]
<br>
<span id=a<$MTEntryID pad="1"$> style="display:none;"><$MTEntryBody words="1"$><br><br><br>
displayの"none"と"block"を切り替えていますが、
idにエントリー番号を使用しているところがミソです。