====== jQueryのアコーディオンメニュー ====== ===== jQuery のダウンロード ===== - jQuery UI の公式サイト（http://jqueryui.com/）へアクセスする - Download をクリックして Download Site（http://jqueryui.com/download）へ移動する - 右の黄色い網掛けの Version で 1.7.3 を選択する （Versionはそのときに使いたい機能、リリースで変わる） - 右の黄色い網掛けの Download をクリックする 任意のダウンロード先に jquery-ui-1.7.3.custom.zip がダウンロードされる ===== jQuery 設置 ===== - ダウンロードしたファイルを解凍する 任意の場所に jquery-ui-1.7.3.custom ができる - jquery-ui-1.7.3.custom 内の js フォルダにある2ファイルを、CakePHP の webroot/js 以下にコピーする - jquery-ui-1.7.3.custom 内の css フォルダにあるフォルダを、CakePHP の webroot/css 以下にコピーする ===== CakePHP での実装手順 ===== ==== レイアウトを作成 ==== cake/app/views/layouts/tasks.ctp を作成 <?php echo $title_for_layout?> ==== ビューの作成 ==== cake/app/views/tasks/index.ctp を作成 css('ui-lightness/jquery-ui-1.7.3.custom', null, array('inline' => false)); echo $html->script('jquery-1.3.2.min', array('inline' => false)); echo $html->script('jquery-ui-1.7.3.custom.min', array('inline' => false)); ?>

First

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Second

Phasellus mattis tincidunt nibh.

Third

Nam dui erat, auctor a, dignissim quis.
 htmlヘルパでcssやjavascriptを呼び出す際、inline を false に指定すると、レイアウトの $scripts_for_layout の部分に展開される。 デフォルトは inline = true で、その場に展開される。 * Cookbook * $html->css()　http://book.cakephp.org/ja/view/1437/css * $html->script()　http://book.cakephp.org/ja/view/1589/script ==== コントローラの作成 ==== cake/app/controllers/tasks_controller.php を作成