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

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

サンプル

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

実装方法

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

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

HTML部分

 

 

以上で実装完了です。

 

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

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

お問い合わせ

    お気軽にお問い合わせください。
    お電話やご訪問での営業はいたしませんので、ご安心ください。

    お名前

    メールアドレス

    電話番号

    お問い合わせ内容