• ベストアンサー

メニューをすべて展開orすべて折りたたむ をするには

メニューをすべて展開orすべて折りたたむ をするには http://okwave.jp/qa/q4482305.html で回答されたコードを利用して、ツリーメニューを作成しています。 これに1行つけくわえて「全て展開」「全て折りたたむ」というメニューを付け加えられないでしょうか。 どなたか回答よろしくお願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
  • zeff
  • ベストアンサー率69% (137/198)
回答No.1

注：先の質問の回答者さんとは別人です。 個人的にはaにonclickをつけてreturn falseするのは好みでは有りませんが、 先の質問内容に合わせて回答しています。 <style type="text/css"> <!-- p{ margin:0; } #tree1, #tree2{ padding-left:1em; } --> </style> <script type="text/javascript"> <!-- function ok(idstr){ with( document.getElementById(idstr) ){ style.display = ( style.display == "none" ? "block" : "none" ); } return false; } function opnclsAll(o,flag){ var divs = o.parentNode.parentNode.getElementsByTagName("DIV"); var disp = ( flag ? "block" : "none" ); for( var i = 0; i < divs.length; i++ ){ divs[i].style.display = disp; } return false; } //--> </script> </head> <body> <div> <p><a href="##" onclick="return opnclsAll(this,1)">□全て展開</a> / <a href="###" onclick="return opnclsAll(this,0)">□全て折りたたむ</a></p> <p><a href="#" onclick="return ok('tree1');">■メニュー1</a></p> <div id="tree1" style="display:none;"> <p>┣ あああ</p> <p>┣ いいい</p> <p>┣ ううう</p> <p>┣ えええ</p> <p>┗ おおお</p> </div> <p><a href="#" onclick="return ok('tree2');">■メニュー2</a></p> <div id="tree2" style="display:none;"> <p>┣ かかか</p> <p>┣ ききき</p> <p>┣ くくく</p> <p>┣ けけけ</p> <p>┗ こここ</p> </div> </div>

ilp_marrone4
質問者

お礼

すばらしいです、解決いたしました。ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • リンク先でツリーを展開したままに

    リンク先でツリーを展開したままに はじめまして、いつも参考にさせてもらってます。 こちらのソースをそのままコピペして自閉式ツリーメニューを作りました。 http://okwave.jp/qa/q5526156.html 動作はしましたが、メニューのリンクをクリックして他のページに行くとツリーが閉じてしまいます。 リンク先でそのメニューのツリーを展開したままにしたいのですが、できるでしょうか？ たとえばmenu1内のaaa.htmlへのリンクをクリックした場合、menu1のツリーが展開したままaaa.htmlが表示されるというようなことがしたいです。 もしだめならタイトル部分の文字色を変えるだけでもいいので、今このメニューだというのがわかるようにしたいのです。 javascriptは本当に初心者なので、わかりにくい質問ですみません。 教えてもらえると助かります。

  • 全てが展開するドロップダウンメニュー

    こんにちは。 サイトのメニューをドロップダウンメニューにしようかと 思っているのですが、MITSUBUSHIMOTORSのサイトの ような全てが展開するドロップダウンメニューがいいなと 思っているのですが、似たようなサンプルが見当たらず、 知っている方がいたらと思い投稿しました。 http://www.mitsubishi-motors.com/jp/index.html 似たようなものを知っている方がおりましたら 教えてください。 よろしくお願いします。

  • ツリーメニューについて質問です。

    ツリーメニューについて質問です。 いくつかのサイトを参考にし、コピー＆ペーストでjavascriptを使ってツリーメニューを作成したのですが、ツリーメニューが展開された状態で表示されてしまいます。 閉じた状態で表示したいのですが、どうすればいいでしょうか。 ここにソースを載せようと思いましたが入りませんでしたので、載せられません。 主に参考にしたのは、このサイトです。 http://himajin.moo.jp/java/menu2.html このサイトのものに何を足せば良い、とかそのようなソースが載っているサイトがもしあれば教えてほしいです。 よろしくお願いします。 ちなみに私は超初心者です＞＜

  • 次々と展開するこんなメニュー

    イオンのホームページの下記のような感じで展開できるjavascript版のメニューを探しています。 http://www.aeon.jp/shop/index.html どこかにサンプルはないでしょうか。

  • ツリーメニューでのcookieの使用方法

    いつもお世話になっております。 毎回丁寧なご回答、本当にありがとうございます。 現在、JavaScriptを利用し、ツリーメニューを作成しているのですが、 次のページに行った際や戻った際、更新を押した際に、 先程まで開いていたツリーメニューが、閉じてしまわないように、 cookieを利用し開いた状態に保ちたいと思っております。 一応、参考になるサイトがあり出来たことは出来たのですが、 そちらの方法を利用すると上記の操作を行った際に、 全てのメニューが一瞬開いてしまう現象が起きてしまいます。 一瞬全て開いた後には先程までのメニューはちゃんと記憶され開いた状態です。 今回、この「全てのメニューが一瞬開いてしまう」といのを、 なんとか直したいと思っております。 またその他に、出来る限りのブラウザに対応させたいと思っております。 JavaScriptが有効なブラウザの場合は通常通りのツリーメニュー、 無効な場合は全てが展開された状態のメニュー等。 目標としてはPCショップのドスパラ様のようなツリーメニューにしたいと思っております。 なを、メニュー部は更新の手間等を考え、 SSIを使用しインクルードしており、外部ファイルにしております。 このJavaScriptに限らず、別なJavaScriptでも結構ですので、 具体的なサイトやJavaScript自体をお書き頂けると幸いです。 今回使用したJavaScriptを作成した作者様にも伺っているのですが、 まだ返答は得られておらず、当方でも出来る限り急ぎで対処したいため、 誠に勝手ながらこちらに質問させていただきました。 何卒宜しくお願いいたします。 なお、確認ブラウザはWinXP SP2 ＆ IE6.0とFirefox2.0とNetscape 7.1です。 一応、現在参照しているJavaScriptのページを下記に記載いたします。 http://himajin.moo.jp/menu/menu1.html

  • ツリーメニューでクッキーを使いたいのですが・・

    JavaScript初心者です。ツリーメニューを使いたいのですが、リンクから別のページ（別のディレクトリ）に移動した時、クッキーを使って、展開した状態を保持したいのですが、よく分かりません。 enptybox22さんの http://oshiete.homes.jp/qa3084680.html 回答記事にあったクッキー処理のプログラムをそのまま入れてみたのですがうまく動きません。 設置URLは http://blove.cc/tes1/ になります。 どうぞよろしくお願いいたします。

  • 余因子　余因子展開

    余因子と余因子展開についてわからない事があるので 質問させて頂きます。 前回同様の質問をさせて頂いたのですが、 解決できないので再度質問させて頂きます。 前回質問：http://okwave.jp/qa/q7527124.html detA＝ ｜1 2 3｜ ｜4 5 6｜ ｜7 8 9｜ とする。 第1行についての余因子展開は detA＝ 1｜5 6｜-2｜4 6｜+3｜4 5｜ 　｜8 9｜ 　｜7 9｜ 　｜7 8｜ となります。 detAにおける第1行と第2列の成分をa12とします。 a12の余因子をa12＾～と表します。 a12＾～＝ -｜4 6｜ 　 |7 9｜ となります。 余因子展開の場合は2がかけられますが、 余因子では2がかけられません。 この違いがよくわかりません。なぜでしょうか？ 私の余因子展開の方法が間違っているのでしょうか？ 以上、ご回答よろしくお願い致します。

  • Xpのメニューが自動で展開しません

    1台のPCで、スタートボタン・すべてのプログラムで、マウスを置いただけではいくら待ってもメニューが展開しません。クリックしないと展開しませんが、その後のメニュー上では、マウスを置くと展開します。 どこの設定でこのようになってしまったのか、探してみるのですが分かりません。 1台だけこのような状態なので、不便です。どこの設定で直せるのでしょうか？

  • 横に展開する(伸縮ベルト)メニューの作成について。

    横に展開する(伸縮ベルト)メニューの作成について。 http://www.geocities.jp/miyake_kobo/dl/temp/jquery_base.html こちらのテンプレートを利用させてもらったんですが、カスタマイズがしにくいのと、著作権表示でデザインがくずれてしまうため、同じようなデザインで、カスタマイズがしやすく、著作権表示がないものを探しています。 検索してあちこち探したのですが、見付けられなくて困り果てた末、質問させていただきました。 ご存知の方いらっしゃいましたら、どうかご協力お願いいたします。 できればサンプル・デモページがあるとありがたいです。 よろしくお願いします

  • jQuerey、アコーディオンメニューに関して

    質問させて頂きます。 jQueryの知識が乏しいため、質問の内容がザックリとなってしまい申し訳ありませんが、ご存知の方は回答頂けると助かります。 jQueryにてアコーディオンメニューで検索すると、多くのプラグインが用意されています。 今回もそういったプラグインを使用して、アコーディオンメニュー(のようなもの？)を作成したいと考えています。 ですが、今回私が作成したいと考えているのは、 ボタンをクリックした際に表示される領域が、最初から少しだけ表示されている状態にしておきたいと考えています。 ＜例＞ //1行目部分は最初から表示 ■■■■■■■■ 1行目 ---------------- ↓■部分をクリックすると、スライドして2行目と3行目も表示 ■■■■■■■■ 1行目 2行目 3行目 ---------------- 全て表示or全て隠れているといった形のアコーディオンプラグインであれば、検索してすぐに見つかるのですが、上記のような1行目のみ表示された状態といったことが出来るプラグインは見つけられずにいます。 jQueeryの知識も乏しく、自分で作成するということも厳しいので、そういったことの出来るプラグイン、または、方法など教えて頂ければ幸いです。 質問の内容的に回答が難しいかもしれませんが、ご存じの方がいらっしゃいましたら、よろしくお願い致します。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する