下のタブから表示するプラグイン

上手に表現ができないのですが、
ちょうどTeratailの質問ページの下部にあるような
「Markdown記法とは」のタブのようにクリックすると下からヒントが
出現するようなプラグインを探しております。

オーバーレイ、下からメニュー等いろいろ、検索しているのですが
まさにこれだというものが出てこないのですが、どのような語句で検索すれば
「タブ付き」で下から「ヒントやメニューのようなもの」が出現して、「toggleで表示、非表示」をさせることだ出来るプラグインを見つけることができますでしょうか。。。

調べ方と言う形の質問で恐縮ですが、
ご助言をお願いします。

行動規範の内容に同意します

回答1件

ベストアンサー

雑な回答ですが、解決方法が２つありました。
質問内容と相違があれば、申し訳ありません。
１つ目↓
・「下から現れる」を英語にし「js appear from bottom」で検索。
・jqueryのslideDownアニメーションが検索結果にあることから、slide系関数を使うことを決める。
・slideToggleという、便利なものを発見。
・使用例を見て、解決。
「https://jsfiddle.net/ghost7492/xpvt214o/46350/」

２つ目↓
「Markdown記法とは」をクリックすると下から出てきますが、
その際のhtmlのstyleを開発者ツールで見ました。
尚、アニメーションが早くhtmlのstyleの動きが目に追えなかったので、スクリーンレコーダーを使用し画面を録画。
コマ送り再生で確認いたしました。

html
1< div class="explainText" style = "display: none;" ></div >
2↓
3< div class="explainText" style = "display: block; overflow: hidden; height: 108.9px;" ></div >
4↓
5< div class="explainText" style= "display: block; overflow: hidden; height: 220.9px;" ></div >
6↓
7< div class="explainText" style= "display: block;" ></div >