JS:簡易開閉トグル【軽量!】

スポンサーリンク

コピペで簡単に設置できて、かつ軽量な『トグル開閉ボタン』をご紹介します。

サンプル

ここに内容を記述。ここに内容を記述。ここに内容を記述。ここに内容を記述。ここに内容を記述。ここに内容を記述。ここに内容を記述。
ここに内容を記述。ここに内容を記述。ここに内容を記述。ここに内容を記述。ここに内容を記述。ここに内容を記述。ここに内容を記述。
ここに内容を記述。ここに内容を記述。ここに内容を記述。ここに内容を記述。ここに内容を記述。ここに内容を記述。ここに内容を記述。

実装方法

まずjQeryを<head>内で読み込みます。

続いて以下を同じく<head>内に記述。外部JSにしてもらってもOKです。

HTML部分

 

 

以上で実装完了です。

 

こちらはサンプルと同じスタイルシートです。

カスタムしてご利用ください。