クリックすると表示/非表示する項目
アコーディオンメニューや何か表示を隠したいときに、クリックすると表示/非表示する項目が活躍します。
いくつか調べてきたので、まとめてみました。
CSSを利用する方法
CSSのセレクタ「~」を活用
CSSのセレクタ「~」を使うと「ある要素の後に続く要素」に対して、スタイルを指定することができます（同じ階層にある要素に限ります）。
サンプル
以下がサンプルです。
問１：キャッシュフロー計算書において，営業活動によるキャッシュフローに該当するものはどれか。
- ア．株式の発行による収入
- イ．商品の仕入れによる支出
- ウ．短期借入金の返済による支出
- エ．有形固定資産の売却による収入
解答：イ
キャッシュフロー計算書は、日本の会計基準における財務諸表であり、会計期間における資金（現金及び現金同等物）の増減、つまり収入と支出（現金の流れ＝キャッシュフロー）を営業活動・投資活動・財務活動ごとに区分して表示する書類です。
営業活動によるキャッシュ・フロー
商品販売による収入や仕入や管理による支出など企業の営業活動についての項目を記載する区分
投資活動によるキャッシュ・フロー
固定資産の取得・売却，有価証券の取得売却など企業が行った投資活動についての項目を記載する区分
財務活動によるキャッシュ・フロー
株式や社債の発行、または自己株式の取得，社債の償還および借入金の返済，支払利息など資金調達や返済に係る項目を記載する区分
