[ JQuery ]

  • 2013-11-12
click me.
  • メニュー1-0
  • メニュー1-1
  • メニュー1-2
  • メニュー1-3
  • メニュー1-4
  • メニュー1-5
  • メニュー1-6
  • メニュー1-7
  • メニュー1-8
  • メニュー1-9
  • 出戸調剤薬局
  • dbweb.0258.net


ネットにあったサンプルを少しだけ変更しました。
上記のメニューの緑の部分をクリックすると開閉します。
jQueryのUIを利用しています。
必要な時だけ内容を表示したい時に気が利いて利用する場面は沢山有りそうです。
ソースは次のような感じです。
メニューなどでは複数のメニューが同時に設置されると思います。
複数設置に挑戦して下さい→開閉メニュー02

スクリプトの冒頭で以下のようにして、jqueryとjquery-uiを利用するようにしていますので、前回のファイルなどを設置して、状況に合うようにパスを指定し二つのJavaScriptのライブラリが使えるようにして下さい。

<script src="./jquery/js/jquery-1.9.1.js"></script>
<script src="./jquery/js/jquery-ui-1.10.3.custom.js"></script>