問題タブ [collapsable]

php/javascript を使用してツリー ビューを作成しました。ページの読み込み時に事前に折りたたむ方法がわかりません。

これがコードです。アイデアを添えてください。

そして、ここにjQueryの部分があります：

既に述べたように、ページがロードされたら、すべてのノードを閉じる必要があります。JavaScript関数を使用する必要があると思いますが、残念ながら作成できません。解決策はありますか？

jsfiddle 68RXP の例を使用collapse-groupして、展開可能な div を作成しました。

HTML:

Javascript:

をbtn押すと、pクラスの展開モードと折りたたみモードが切り替わります。

再帰的な折りたたみ可能な div に同じ概念を使用しようとしました。

以前と同じ js コードです。jsFiddle WdbUeを参照してください。

外側の折りたたみ可能な div を初めて開くと、内側の div も開かれます。各ボタンを単一の折りたたみ可能な divに結合するにはどうすればよいですか?expand

私の本当の望みは、JQM の選択可能なツリーを作成することです (各要素に 3 つの値を使用)。ネストされた折りたたみ可能な分割でやろうとしましたが、これはうまくいきます。しかし、折りたたみ可能な各バーに 3 つのラジオを追加しようとすると、イベントが適切に発生しません。

折りたたみ/展開イベントは、ラジオのクリック イベントをフックすると思います。ラジオをクリックすると、折りたたみ可能なものが展開され、ラジオがチェックされなくなります。

これが例のjsfiddleです：http://jsfiddle.net/Hz8Ef/

何か案が？他の方法でできますか？

上記のコードは xml をトラバースし、項目を ABCBDCD E として出力します。指定されたリンクのように、これを折りたたみ可能なリストにしたい: http://www.sendesignz.com/index.php/jquery/77-how-to -create-expand-and-collapse-list-item-using-jquery

折りたたみ可能にする方法についてのヒントはありますか？

編集：助けてくれてありがとう。申し訳ありませんが、複数の回答を正解として受け入れることはできません。なので式流解も正解です。

4 つのメイン アイテムと、それぞれに 3 ～ 5 のサブ アイテムを含むメニューがあります。

完全なコードを確認してください。

jsFiddle でわかるように、すべてのメニュー項目をクリックすると、別の div にテキストが表示されます。さらにJavaScriptのヘルプが必要になった場合に備えて、そこに置きました。私が望むのは、すべての .sub メニューを折りたたむことです。メイン メニューの 1 つにマウスを合わせると、対応する .sub アイテムが展開され、ユーザーが見ることができます。ありがとう！

編集：

私はコメントの1つで素敵なチュートリアルを手に入れることができ、これを思いつきました!

今必要なのは、最初のメニューだけでなく、対応する .main メニューからすべての .sub メニューを表示する方法です。

文章collapsableを作りたい。foldable重要なことは、それらは段落に埋め込まれ、残りのテキストに沿って流れるようにすることです。私は Java / Swing を使用してJEditorpaneおり、DefaultStyledDocument. 例えば：

[-] これは文
1 です。[-] これは
センテンス 2 です。[-] これは
文 3 です。

文 2 を折りたたむと、次のようになります。

[-] これは文
1 です。[+] [-] これは
文 3 です。

Web ページには、ドキュメントの領域を折りたたむ方法の例がありますが、この領域は段落に埋め込まれていません。私の問題は、これを基にするビューを決定しようとしています。

• LabelViewの拡張として SentenceView を作成します。問題は、LabelView が異なるスタイル属性を持つセクションをサポートしていないことです。これを追加できるかもしれませんが、複数の子を持つほとんどのビューは CompositeView に基づいています。
• BoxViewの拡張として SentenceView を作成します。おそらく、これを ParagraphView に埋め込んで、テキストと一緒に適切に流れるようにする方法がわかりません。
• 拡張ParagraphView : 文の開始位置と終了位置を理解し、すべての折りたたみを処理する、ある種の超意識的な ParagraphView を作成できます。おそらくこれを機能させることができますが、これはほぼ間違いなく間違った方法です。

誰かが私にポインタ (または直感) を与えることができれば、私が SentenceView を最もよく基にすることができるもの (または私を長く助けるための他のヒント) を非常に感謝します.

このサイトで見つけたいくつかのコーディングを利用して、JQuery で折りたたみ可能なメニューを作成しました。

そして、すべてが機能します。しかし、今こそ、それがどのように、そしてなぜ機能するのかを理解する時です.

JQuery:

HTML と CSS は次の場所にあります: JSFIDDLE !

誰かが私のためにコードを分解して、それが何をするのか説明してもらえますか?

ページの読み込み時に .submenu クラスが非表示になることはわかっています。クラスをクリックすると、サブメニューが開きます。滑り落ちる

しかし、それが私の .close クラスで何をするのか、私は少し迷っています。

前もって感謝します！

私たちは皆、折りたたみ可能なヘッダーをよく目にします。私はそれがページにもたらす効果が本当に気に入っています。この部門効果を達成したいのですが、固定ヘッダーの機能は本当に必要ありません。

これで、折りたたみ可能なヘッダーがページから外れるとすぐに固定ヘッダーが小さくなる、折りたたみ可能なヘッダーを見てきました。折りたたみ可能なヘッダーがページからはみ出した瞬間に、固定されたヘッダーを固定しないようにすることはできますか? そして、残りのコンテンツでページからスクロールしますか?

ユーザーが「もっと読む」ことができるようにするスクリプトを、Bootstrap の折りたたみアコーディオンに置き換えたいと考えています。私の問題は、私が見た限り、アコーディオンが開いているか閉じていることです。

クローズドモードでテキストを表示するオプションについて知っている人はいますか?

現在使用しているスクリプトでは、テキスト領域の高さを変更することで一部のテキストを表示できますが、Bootstrap ではこのオプションは機能しません。.inまたは(テキスト領域の高さを制御する css)の高さを変更する.outと、その高さまで単純に開閉します。誰かがこれに対する回避策を見つけましたか?

私のHTML：