アコーディオン

#accordion

ぼくは、どういうことかわからなかったけど、なにもいわなかった……
きかないほうがいいんだと、よくわかっていた。
その子はへとへとだった。すわりこむ。ぼくもその子のそばにすわりこむ。
しーんとしたあと、その子はこうもいった。

星がきれいなのは、見えない花があるから……

全体を.js-accordion で囲みます。開閉ボタンに.js-accordion-btnを付けます。表示を切り替える対象となるブロック要素に.js-toggle-content.displaynoneを付けます。開閉ボタン内の文言を開閉時に切り替えるにはspan.js-toggle-txtを使用します。

<div class="js-accordion">
  <a href="#fakelink" class="js-accordion-btn">
    <span class="icon icon-abui-arrow-right prx"></span>アコーディオンを<span class="js-toggle-txt">開く</span><span class="js-toggle-txt displaynone">閉じる</span>
  </a>
  <div class="js-toggle-content displaynone">
    ...
  </div>
</div>

// jQuery
$('.js-accordion-btn').on('click', function() {
  abuiAccordion.behavior(this);
});