くろひょうのwebデザインのお勉強帳

フェリカテクニカルアカデミー web制作科の受講生です。授業の要点、復習でつまづいた点などを記録し、レベルアップに励みます。

クリエイターになるための、お勉強の記録帳

2015-04-20から1日間の記事一覧

[jQuery]縦ナビゲーションでアコーディオンメニュー の解説

「jQueryで縦ナビゲーションでアコーディオンメニュー」の記事の補足です。 テキストにある基本形は、見出し1つに対してサブメニュー1つ、のシンプルなものでした。 jQueryのスクリプトがやや複雑なので、解説します HTML <dl> <dt>見出し1</dt> <dd>テキストテキストテキ</dd></dl>…

[jQuery]スライドして表示を切り替える slideUp( )/ slideDown( )/ slideToggle()

slideUp( ) と slideDown( ) 指定した要素の高さを0から本来の高さにするのがslideDown( )、反対に本来の高さから0にするのがslideUp( )です ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー $(セレクター).slideUp(スピード…

[jQuery]画像の表示・非表示 show()/ hide() / toggle()

show( ) display:noneに指定されている非表示状態の要素を表示します ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー $ ( function( ) { $ ( 'button' ).click( function( ) { $ ( '表示する要素' ).show( ’表示速度’ ); } ) ; ーーーー…