アコーディオンメニュー開閉動作

質問

はじめまして。
とある有料テンプレートを使用して会社のHPを作成しています。
使用しているテンプレートにアコーディオンメニューが実装されているのですが
その開閉動作について修正したいのですが、Java関連には疎いものでお聞きしたいです。

使用させていただいているテンプレートは「フリー素材屋hoshino」さんの
http://www.s-hoshino.com/web/high_002/index.html
のテンプレートです。

修正したい箇所は、アコーディオンメニューがページを移動するたびに閉じてしまう点です。
アコーディオンメニューからカテゴリを選んでクリックし、その後移動したページでは
その部分のアコーディオンメニューを開いたままにしておきたいです。
そうすることで、現在どのカテゴリーの、どの商品ページを見ているかもっとわかりやすくなりますし、同じカテゴリーのすぐ下のページにも移動しやすく(クリック回数が少なく)できると思います。

多分、jQueryやcookie関連の修正が必要と思いますが、私の方でも、テンプレート配布元でもやり方がわからないので教えていただきたいです。

わかりづらい文面で申し訳ありませんが宜しくお願いします。

回答No.3

fujillin

内容はろくに見てませんが…

＞テンプレートのどのファイルのどの部分をどういじったらいいか・・・
＞と言うような具体的な方法が知りたいのです。

メニューの部分はscript.jsの中ほど、実質十行程度の部分です。
その部分に、おしゃるようなクッキーの保存、読み込みを付け加えればよろしいかと思います。
本来は、製作元に依頼して修正してもらうのが一番だと思いますが、基本的には、以下のようにすればよいのではないでしょうか。（検証していません）

1）初期設定で、クッキーを読込み
　クッキーが存在したら、その内容にメニューをセット
　存在しない時は、初期状態にメニューをセット

2）イベント処理の中でメニュー処理を終えたら、
　その時の状態をクッキーに保存

修正の方法は、ファイルをテキストエディタなどで開いて、直接編集するのが手っ取り早いかと。

あるいは、その部分だけ別の（クッキー付きの）ものと取り替えるのも手かも。
＜以下、ご参考まで＞
http://okwave.jp/qa/q3084680.html
http://granshe.com/ex/accordion/
http://5509.me/log/control-slide-navigation-with-jquery-cookie

お礼

回答ありがとうございます。jquery.cookie.jsというのを使うんでしょうか？それともscript.jsに何かを書き足すだけでよいのでしょうか？

回答No.2

edomin7777

＃１です。

そういうのは、作成依頼って言うんだけど…。

※ところで、「フリー素材屋」の有料テンプレート？

自分で改変出来ないなら、諦めた方が良いよ？

他人に「ただ」で依頼するには大きすぎるし…。

Ajaxについて調べて、自分で修正するしかありませんね。

回答No.1

edomin7777

移動させなきゃいいんじゃないの？

Ajax使って非同期でページ内容書き換えたら？

※因みに、「Java関連には疎いもので」とありますが
※JavaとJavaScriptは別物です。
※Javaで探していても欲しい回答は見つかりませんよ？

お礼

早速のご回答ありがとうございます。
JavaとJavaScriptの違いもわからない素人です・・・
テンプレートのどのファイルのどの部分をどういじったらいいか・・・と言うような具体的な方法が知りたいのです。