こんにちは。いつもお世話になっております。
こちらを参考に自閉式ツリーを作りました。
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ランキング
-
アコーディオンメニューの開閉制御
-
javascriptで、クリックしたら...
-
複数の画像をランダム(シャッ...
-
JQuery UIで、表示したタブの中...
-
クリックした<a>タグのみにClas...
-
アコーディオン自動開閉メニュ...
-
jQueryセレクタ/複数要素の指...
-
同一ページ内で、任意の文字列...
-
JQueryタブのアクティブ アン...
-
【jQuery】hoverしたn秒後にイ...
-
MAX関数を使ってからLEFT JOIN...
-
スタイルシートで画面を上下に...
-
JavaScript スライドの画像にリ...
-
textareaに画像を表示したい
-
javascriptでスタイルを動的に...
-
キャラクターがぴょこんと飛び...
-
OpenCV での画素値の比較について
-
HTMLで条件分岐はできますか?
-
Ctrl+F(検索)の窓を出したいの...
-
色の変更
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jqueryのsortableで一部ソート...
-
クリックした<a>タグのみにClas...
-
JQueryタブのアクティブ アン...
-
javascriptでEnterキーをtabキ...
-
「jQuery」アコーディオンメニ...
-
【jQuery】遅延実行(タイムラ...
-
ネストされたチェックボックス...
-
【javascript で動的に a タグ...
-
jquery ドロップダウンメニュー...
-
文字と数字が混在する要素のsor...
-
Jquery の slide.toggle で要素...
-
【jQuery】hoverしたn秒後にイ...
-
チェックボックスに入っている...
-
クリックで表示、非表示するメ...
-
同一ページ内で、任意の文字列...
-
オンマウスで画像ロールオーバ...
-
javascriptで、クリックしたら...
-
PHPでログインフォーム
-
<li>タグの順番を入れ替える方法
-
jQuery タブメニューへのダイ...
おすすめ情報