ワンクリックで表示可能なアコーディオン（折りたたみ）を記事内に補足で入れる方法

<div onclick="obj=document.getElementById('open').style; obj.display=(obj.display=='none')?'block':'none';">
<a style="cursor:pointer;" class="sample01"><span style="color:#fff;">▼ 折りたたみボタンの名前</span></a>
</div>
<div id="open" style="display:none;clear:both;">

<!-- ここにコンテンツを記述する -->

</div>

HTMLのサンプルコード内にある<!-- ここにコンテンツを記述する -->の部分を消し、補足情報を記載します。

a.sample01 {
  color: #fff;
  background: #333;
  box-shadow: 1px 1px 1px #555;
}

CSSのサンプルコード内にあるcolorとbackgroundはお好きなカラーを選んでみてください。
カラーコードから探す

box-shadowは文字を囲んでいる枠のことで大きさや枠の幅、色を変えることができます。