クリックしてコンテンツを追加表示する

使用アドオン：Free show / hide content block

Javascriptで実装すれば簡単だが、Free show / hide content blockのアドオンをインストールすると、ブロックの入力フォームに入力するだけでクリックすることで、追加のコンテンツを表示・非表示の切り換えをおこなうブロックを作成します。

インストールしたら任意のエリアにドラックします。

表示されるダイアログで、まず標準で表示されるコンテンツをText to showに入力します。記事ブロックのような画像の挿入や様々なタグの実装も

可能です。

次にText to hideに追加で表示されるコンテンツを入力します。

トグルの表示、非表示を切り換えるリンクのテキストを指定します。

ここで保存して実行するとText to showのコンテンツをShow / hideボタンが表示され

クリックすると、Text to hideのコンテンツが表示されます。再度クリックすると、また閉じて隠れます。

Show text in Lightboxをチェックすると

追加のコンテンツがafterでなく、モダールウインドウで表示されます。

モダールウインドウを部分的に採用した時に、クライアントにクラス名をコードに追加するような作業を期待できない時に使えそうです。