質問 > フロント機能 > アコーディオン式のカテゴリ作成 |
フロント機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
tomohime |
投稿日時: 2009/12/14 16:46
対応状況: 開発中
|
新米 登録日: 2009/12/14 居住地: 投稿: 4 |
アコーディオン式のカテゴリ作成 1階層目のボタンを押すと、2階層目までのメニューがアコーディオン式のカテゴリで出るというものを作成しようとしています。
<div id="categoryarea"> <h2>Category</h2> <!--{section name=cnt loop=$arrTree}--> <!--{* $tpl_category_id … 現在選択されているカテゴリID *}--> <!--{* $root_parent_id … 現在選択されているカテゴリのルートカテゴリID *}--> <!--{* $cid … 現在表示中のカテゴリID *}--> <!--{assign var=level value="`$arrTree[cnt].level`"}--> <!--{assign var=disp_name value="`$arrTree[cnt].category_name`"}--> <!--{assign var=cid value="`$arrTree[cnt].category_id`"}--> <!--{assign var=clink value="`$smarty.const.SITE_URL`products/list.php?category_id=`$cid`"}--> <!--{* カテゴリ階層ごとに表示方法を変更 *}--> <!--{if $arrTree[cnt].category_id == '1' || $arrTree[cnt].category_id == '10'}--> <h3 onclick="dispChild(this);" ><a href="java script:void(0);"><!--{$disp_name|escape}--></a></h3> <!--{elseif $level == 2}--> <ul class="categoryTpl14"> <li class="cateListTpl14" style="display:none;" > <a href="<!--{$clink}-->"><!--{$disp_name|escape}--></a> </li> <!--{if $level == 2 && !$smarty.section.cnt.end}--> </ul> <!--{/if}--> <!--{else $level == 1}--> <h3><a href="<!--{$clink}-->"><!--{$disp_name|escape}--></a></h3> <!--{/if}--> <!--{/section}--> </div> こんな感じで書いたのでのですが 出てるー!!!と思いきや、どんどん崩れるので、見てみると・・・ 閉じUL</ul>の設定ができていないことが判明して詰まってます。。。 アドバイスもらえると嬉しいです |
nanasess |
投稿日時: 2009/12/14 17:17
対応状況: −−−
|
神 登録日: 2006/9/9 居住地: 投稿: 2313 |
Re: アコーディオン式のカテゴリ作成 jQuery の slideToggle を使ったら, もっとスマートにできそうな気がしますが, いかがでしょう?
http://semooh.jp/jquery/api/effects/slideToggle/%5Bspeed%5D%2C+%5Bcallback%5D/ はずしていたらごめんなさい. |
tomohime |
投稿日時: 2009/12/14 19:39
対応状況: −−−
|
新米 登録日: 2009/12/14 居住地: 投稿: 4 |
Re: アコーディオン式のカテゴリ作成 nanasessさん
早速の回答ありがとうございます。 これ実は、Javascriptは無事に動いています。 私の説明が足りなかったのですが、 レベル1を押した場合に、レベルが2がある場合はアコーディオン方式でレベル2を表示させる。。。の記述をしたいのですが、初心者の私にはチンプンカンプンです。 開始タグと閉じタグの設定方法を教えていただけたら・・・ 投稿しました。よろしくお願いします。 |
nanasess |
投稿日時: 2009/12/15 9:14
対応状況: −−−
|
神 登録日: 2006/9/9 居住地: 投稿: 2313 |
Re: アコーディオン式のカテゴリ作成 引用:
そうなんですね. 失礼しました. * どのような結果になれば正しいか * 現状は, どのような結果になっているか. * クリック前の状態とクリック後の状態 などが解れば回答しやすいかもしれません. しかし, お使いの JavaScript が, どのような振舞いをするか確認できないこと, こちらで実際にデバックできないことから, 確実な回答は難しいかもしれません... |
flealog |
投稿日時: 2009/12/15 9:24
対応状況: −−−
|
仙人 登録日: 2008/6/10 居住地: 投稿: 485 |
Re: アコーディオン式のカテゴリ作成 スレ違いごめんなさい。
引用:
これ探してました^^ ありがとうございますm(_ _)m
|
tomohime |
投稿日時: 2009/12/16 19:56
対応状況: −−−
|
新米 登録日: 2009/12/14 居住地: 投稿: 4 |
Re: アコーディオン式のカテゴリ作成 nanasessさん
ありがとうございます。 無事修正完了しました。 <Ul>タグに惑わされて、PHPをなんとか修正しようとしてたのが間違いでした。nanasessさんのおっしゃられたようにJavascriptをきちんと書いて完成できました ♪ |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |