はてなブログorダイアリーでスポイラーを利用できる記述を教えて下さい。

javascript を使います。
なので、はてなブログだけの対応になります。

「デザイン」→「カスタマイズ（スパナのマーク）」→「ヘッダ」で、「タイトル下」に以下のコードを貼り付けます。

<style>
.spoiler {
    visibility: hidden;
    height: 1em;
}
.spoiler_holder {
    border: 1px solid black;
    padding: 0.5ex;
}
.spoiler_button {
    display: block;
    width: 8em;
}
</style>
<script>
(function() {
    document.addEventListener("DOMContentLoaded", function(ev) {
        function toggleSpoiler() {
            var target = this.nextSibling.firstChild;
            if (target.style.visibility != "visible") {
                target.style.visibility = "visible";
                target.style.height = "auto";
                this.innerHTML = "隠す";
            } else {
                target.style.visibility = "hidden";
                target.style.height = "1em";
                this.innerHTML = "表示する";
            }
        }

        Array.from(document.querySelectorAll(".spoiler")).forEach(function(target) {
            var holder = document.createElement("div");
            holder.className = "spoiler_holder";

            var button = document.createElement("button");
            button.className = "spoiler_button";
            button.innerHTML = "表示する";
            button.addEventListener("click", toggleSpoiler, false);

            target.parentNode.insertBefore(holder, target);
            holder.appendChild(target);
            holder.parentNode.insertBefore(button, holder);

        });
    }, false);
})();
</script>

で、「変更を保存する」をクリック。

スポイラーを使いたいところは、class="spoiler" を指定した要素（タグは何でも良いです）で囲みます。

<!-- ここから下がスポイラーに隠される部分 -->
<div class="spoiler"> <!-- class="spoiler" を指定する -->
はてなブログorダイアリーでスポイラーを利用できる記述を教えて下さい。

長文を格納したいので教えてほしいです。
はてな記法で無いということは直接HTMLで書けばいいんですか?
</div>
<!-- ここまでが、スポイラーに隠される部分 -->

こんな見た目になります。
最初に表示したとき。

「表示する」ボタンを押したとき。

ひとつの記事に複数指定できますし、記事一覧で複数の記事が表示されても大丈夫です。
はてなブログで試してから、と思ったんですが、また投稿時のエラーが出てるようなので、手元で確認しただけですが、きっと動きます。