今回の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を使います。