タグ

jqueryに関するchihir2d2のブックマーク (1)

  • トグル(toggle)をjqueryで簡単設置!アコーディオン表示非表示切り替えメニュー複数対応【デモあり】

    トグル(toggle)をjqueryで簡単設置!アコーディオン表示非表示切り替えメニュー複数対応【デモあり】 トグルを1つだけ設置する場合 スマホのヘッダーメニューとかでよく使いますね。 トグルを複数設置する場合 faqの質問と内容を表示非表示切り替えみたいなリストによく使います。 1つだけのトグルに1文言だけjavascriptに修正を加える必要があります こちらがサンプル↓ サンプルページ 今回は、よく使う次のようなタイプを実装してみます。 画像が切り替わる 複数のトグルがある では実装してみます。 head内でjqueryライブラリを読み込む head内でjqueryライブラリファイルを読み込みます。 ↓サーバー内にjqueryファイルを設置しする場合はこの形式。 <script type="text/javascript" src="js/jquery-1.11.0.min.js"

    トグル(toggle)をjqueryで簡単設置!アコーディオン表示非表示切り替えメニュー複数対応【デモあり】
    chihir2d2
    chihir2d2 2016/02/13
    スマホのメニュー部分など。
  • 1