WEBサイトのある個所に流れの説明のフローを設置したいが、WEBデザインの手法が思いつかない

前提

お世話になっております。

WEBサイトのページに、添付画像のように「ご利用の流れ」のフローを設置したいのですが、そのフローに分岐があります。
どう表現したらよいか分からず、知恵をお貸しください。

カテゴリ1，2・・とあり、カテゴリ2が押されたらjQueryでカテゴリ2のフローをdisplyay:block 表示し、
フロー自体は画面からはみ出るのでスクロールバーを設定する予定です。

しかし、フローに分岐があり、Aの場合・Bの場合を常に表示させておくと画面の領域を大幅に取ってしまいます。
「
例えば「Aの場合」「Bの場合」といったボタンをどこかに置く、などが考えられますか？
フローは動的に動かさない予定です。

レイアウトはイメージです。何かほかに良い手法があればご教授願います。

よろしくお願い致します。

実現したいこと

ここに実現したいことを箇条書きで書いてください。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。