はてなブログのスライドパネルやりかた - ナサのブログ2017 - 03 - 08 はてなブログのスライドパネルやりかた ブログ 雑談 どうもナサです！ そこのアナタ。 スライドパネルって知ってます？ クリック 隠しテキストが表示されます この、いかにも怪しいボタンをクリックすると隠されていたテキストが表示されます。 私はこれをスライドパネルと呼ぶことにしました。 少し前まではJqueryでやっていたのですが、それだとページの読み込みが遅くなるのでCSSでやってみることにしました。 ブロガーのハチさんという方に教えてもらったサイトを活用して無事CSSでもスライドパネルを実装できました。 www.webcreatorbox.com 実装方法 CSSは先程のサイトを丸パクリすることでできます。 CSS input { display: none; } label { cursor: pointer; display: inline-block;
