![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
こんにちは。いつもお世話になっております。
こちらを参考に自閉式ツリーを作りました。
http://amenti.usamimi.info/treemenu2.html
---------------------------------------------------------------
<p><a href="javascript:tree2('tree','menu1');" title="ツリーあり">ツリーあり</a></p>
<div class="tree" id="menu1">
<ul>
<li><a href="aaa.html" title="aaa">aaa</a></li>
<li><a href="bbb.html" title="bbb">bbb</a></li>
</ul>
</div>
<p><a href="nashi.html" title="ツリーなし">ツリーなし</a></p>
---------------------------------------------------------------
ツリーにする必要のないメニューがあったので、上記の通り<div>~</div>を消したのですが、そのメニューをクリックしても開いたメニューが閉じてくれません。
いろいろと試したのですが駄目だったので、質問に伺いました。
どのように修正をしたらうまく動作するでしょうか。
ご教示のほどよろしくお願いします。
No.2ベストアンサー
- 回答日時:
htmlでは「ツリーなし」をクリックしたら別ページが開くようになってますから、「そのメニューをクリックしても開いたメニューが閉じてくれません。
」というのがちょっと状況がわかりませんが、もし別フレームとかに出していて、元のページは遷移せずに残ってるとかでしたら、
「ツリーなし」をクリックしたときにJavaScriptコードが実行されるようになってませんね。ですから、それをクリックしても、一度開いた「ツリーあり」の方が閉じられることはありません。
あと、くだんのJavaScriptコードは、下にぶら下げるツリーなdivが無いと動作しないようになってる感じですので、中身のないダミーのdivは必要です。
<p><a onclick="tree2('tree','menu2');" href="nashi.html" title="ツリーなし" target="xxxx">ツリーなし</a></p><div class="tree" id="menu2"></div>
といった形にしておけば、ツリーなしをクリックしたときにツリーありの方の開いたツリーは閉じさせられます。
回答ありがとうございました。
targetの記載が漏れており、大変失礼しました。インラインフレームに表示をしておりました。
教えていただいた方法で、無事にツリーを閉じることができました。
わかりにくい説明であったにも関わらず、的確なご指導をありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP アコーディオンPHPが上手くいかない 3 2022/07/15 16:29
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- Perl RSSにdiv,ul classを付けたいのですがどのようにつけるのかわからないです 2 2022/03/28 01:53
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- その他(プログラミング・Web制作) pythonのWebスクレイピングでfind_allだとurlがNoneに 4 2022/04/17 18:21
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
「jQuery」アコーディオンメニ...
-
【javascript で動的に a タグ...
-
戻ってきた時ツリーメニューが...
-
JqueryFileTree.js でフォルダ...
-
クリックした<a>タグのみにClas...
-
階層式メニューの設置について
-
javascriptでEnterキーをtabキ...
-
Jquery タブで、4つのliのうち...
-
【JavaScript】階層関係から要...
-
for(var i=0;...) の i の値を...
-
javascriptで、jとlの打鍵でリ...
-
メニューのリンクをクリックし...
-
jqueryのsortableで一部ソート...
-
【jQuery】遅延実行(タイムラ...
-
【jQuery】 if else 文の合体
-
Jquery の slide.toggle で要素...
-
MAX関数を使ってからLEFT JOIN...
-
jspでcssが読み込めない
-
スクロール可能なチェックボックス
-
「戻る」「進む」ボタンで画像...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jqueryのsortableで一部ソート...
-
クリックした<a>タグのみにClas...
-
どの<li><a> が押されたか判別...
-
【javascript で動的に a タグ...
-
文字と数字が混在する要素のsor...
-
javascriptでEnterキーをtabキ...
-
チェックボックスに入っている...
-
複数のラジオボタン項目でのテ...
-
jquery ドロップダウンメニュー...
-
jQueryのeqで最後からn番目以降...
-
JavaScriptで、?マークとコロ...
-
質問に答えていくと、回答によ...
-
Jqueryでリストのスクロール
-
多階層ドロップダウンのスマホ...
-
JQueryタブのアクティブ アン...
-
gridstack.jsについて教えてく...
-
タブ切り替えの初期表示について
-
オンマウスで画像ロールオーバ...
-
「jQuery」アコーディオンメニ...
-
複数の画像をランダム(シャッ...
おすすめ情報