listのn番目以降を隠したり表示したりするjQuery（gist: 4168815 をもうちょっとかっこよくした）

gistfile1.js

$(function() {
  var n        = 10;         // 初期状態で表出したいlistの個数
  var contents = '.list li'; // 対象のlist
  var trigger  = '.trigger'; // スイッチ

  // listがn個以上ある場合
  if ($(contents).length > n) {
    // server sideでやって欲しい
    // span は追加してもた
    if ($(contents).eq(n).is(":hidden")) {
        $(trigger).html([
            '<a href="#">',
                '<i class="icon-sort-up" style="display:none"></i>',
                '<span class="icon-sort-close" style="display:none">閉じる</span>',
                '<i class="icon-sort-down"></i>',
                '<span class="icon-sort-more">もっと見る</span>',
            '</a>'
        ].join(''));
    } else {
        $(trigger).html([
            '<a href="#">',
                '<i class="icon-sort-up"></i>',
                '<span class="icon-sort-close">閉じる</span>',
                '<i class="icon-sort-down" style="display:none"></i>',
                '<span class="icon-sort-more" style="display:none">もっと見る</span>',
            '</a>'
        ].join(''));
    }

    // sliceでn番目以降を隠す
    $(contents).slice(n).hide();
    // toggle ベースに
    $(trigger).on('click', function() {
        $(".icon-sort-up, .icon-sort-down").toggle();
        $(".icon-sort-more, .icon-sort-close").toggle();
        $(contents).slice(n).fadeToggle('fast');
    });

  // listがn個以下の場合はスイッチを隠す
  } else {
    $(trigger).hide();
  }
});

そうすると8〜29行目までJSから消せるッ・・・！
JS側でHTMLガチャガチャ組むのキライなだけですｗ　必要なときはjsRenderみたいなテンプレートエンジン使いますな。

確かに、JSの中にHTML書くとわかりにくいもんなあ。サーバーサイドに書ける時は書いて置いたほうがよいのですね:hatched_chick: