[WEB]クリックで横から表示
25 02 2016
今回のjavaScriptの動きは、ボタンをクリックすると横からスライドでメニューが表示します。
javaScriptコード
jQuery( function() { jQuery( '.toggle-title' ) . click( function() { jQuery( ".toggle-box" ) . animate( { width: 'toggle' }, 'slow' ); } ); } );
animate の横方向の出現や隠す動作は、width に、toggle、show、hide などを指定することで可能です。
・[show]隠れているところからクリックで表示
・[hide]表示している状態からクリックで隠れる
・[toggle]クリックで表示や隠れたりを繰り返す
今回のように、横方向に表示する場合はwidthを使い
縦方向に表示する場合は、heightを使います。