Top > JavaScript > 2-2

Reston

Java Script2-2 クリックすると開く、ツールボックスをつくる

利用するメソッド
  • jQuery('# ')…2-1参照
  • .hide…指定された場所を隠す
  • .bind…2-1参照
  • .slideDown…指定された場所をスライドダウンさせる。()内で速さを調節。slow、fastなど。ミリ秒単位でも可能(1000=1秒)

スクリプト文
$('#toolContent').hide();
$('#toolTitle').bind('click', function(){
$('#toolContent').slideDown('slow');
});

スクリプト実行結果
ツールを開くには、タイトルバーをクリックして下さい
ファイル
  • 新規
  • 上書き保存
  • 名前をつけて保存
  • 閉じる
Page Top△

← 2-1+ jqueryでテキストと色を変更する
2-2+ アコーディオンパネルを作る →