jQueryのアコーディオンメニュー デフォルトでの開閉
すでに掲載されている
http://oshiete.goo.ne.jp/qa/5978950.html
「jQueryのアコーディオンメニュー 開閉の制御」では
解決できませんでしたので質問です。
アコーディオンメニューにおいて
添付ファイルのように
a.htmlを開いたら、1番上のアコーディオンが開いてる状態
b.htmlを開いたら、2番上のアコーディオンが開いてる状態
c.htmlを開いたら、3番上のアコーディオンが開いてる状態
にしたいのですが、
どうもうまくいきません。。。
メニューが2つならできるのですが
3つになるとさっぱりわからなくなります。
特にアコーディオンを使うための.jsにこだわりはないのですが
(開閉時にスムーズに動く事ができればどれでも構わないです)
これが可能になるjsはどこかにないでしょうか?
もしくは、どうすればこれが可能になりますでしょうか?
どうぞよろしくお願いいたします。
No.1ベストアンサー
- 回答日時:
ページ内にそのページの番号を記載する方式でよいのなら…
var page = 2; //最初に開いておくcategoryの番号
page--;
$(function(){
$(".acc li > a").each(function() {
$(this).next().hide();
$(this).click(function() {
var params = {height:"toggle", opacity:"toggle"};
$(this).next().animate(params).parent().siblings().children("ul:visible").animate(params);
return $(this).next().length?false:true;
});
});
$(".acc > li:eq(" + page + ") > a").next().show();
});
* $jへの置き換えをしていませんので、必要なら置き換えてください。
* 複層構造のツリーの子以下を制御するようにはなっていません(第一階層のみ)
* 複数のメニュー(.acc)が存在する場合はcategoryの番号は通し番号になります。
(同時に両方を制御するようにはなっていません)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP アコーディオンPHPが上手くいかない 3 2022/07/15 16:29
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
- 楽器・演奏 ピアノ譜でアコーディオンを弾く方法 3 2022/12/12 15:53
- Windows 10 Apexを起動するとタスクマネージャーが閉じる現象について 1 2022/07/16 18:31
- Visual Basic(VBA) エクセルVBA エクセルを開いた後に編集可能な状態にするには? 2 2023/06/14 11:58
- LANケーブル・USBケーブル パソコンについて 2 2022/03/28 18:30
- 冷蔵庫・炊飯器 冷蔵庫の扉 開閉度が知りたい 5 2022/10/16 09:23
- その他(メールソフト・メールサービス) Thunderbird Wordの添付ファイルが開けない 1 2023/06/22 11:20
- その他(車) 手動式サイドミラーの車について。 私の車は古いためミラーが自動で開け閉めができるやつではなく手動で開 5 2023/07/04 17:30
- DIY・エクステリア このアコーディオンを修理したいのですがこのネジを抜く方法がわかりません。教えてくださると嬉しいです。 2 2023/03/10 23:58
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
idを使わずにonclickで自身の要...
-
functionから別のfunctionを実...
-
【JavaScript】二重送信防止
-
jQuery 同じ処理を関数にまとめ...
-
ajax反映後のjqueryが動かない
-
クリックすると上に開くアコー...
-
XMLHttpRequestでキャッシュを...
-
オンマウスでテキストを表示す...
-
Javascriptの丸括弧の意味
-
C#OpenCv V4にのエラーに関する...
-
google apps scriptの終了のさせ方
-
二次元配列を使って順位をだす...
-
同じIDで定義した要素の配列を...
-
GASでundefinedエラーが出ます
-
<a>タグのテキストを取得
-
Boolean型配列中のTrueの有無を...
-
【正規表現】【javascript】CR...
-
innerHTML実行後のイベント
-
Linux バイナリ実行できない "...
-
ActiveXobjectが作成できない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
functionから別のfunctionを実...
-
idを使わずにonclickで自身の要...
-
関数でy=g(x)のgとは何の略です...
-
jslintのエラーについて質問
-
jQueryの :not() .not() が有効...
-
クリックすると上に開くアコー...
-
jQueryのプラグイン「Skitter」...
-
関数名をテキストから読み込む...
-
小数点以下を5刻みで表示
-
XMLHttpRequestでキャッシュを...
-
jQueryでzipを解凍読み込みする...
-
Matlabで自作関数をオーバーロード
-
javascript(jQuery)でセル内...
-
要素名がスペースを含む場合のj...
-
ページ内に複数表がある場合のT...
-
処理前の「お待ちください」
-
JS 頭文字が大文字について
-
HTML5でファイルドラッグ&ドロ...
-
Javascriptリアルタイムエラー...
-
getElementByIdを使用したグロ...
おすすめ情報