Javascriptの展開可能なメニュー - サンプルコード？

誰かが次のようなものを実装する方法を知っているかどうかを知りたいですか？ここで Javascriptの展開可能なメニュー - サンプルコード？

は、以下のサンプルです：

enter image description here

そして、あなたはプラスをクリックすると、メニューが展開されます。私はGoogleで検索してきたし、かなりの数のメニューを発見した

enter image description here

。しかし、私はこの+/-機能を持つものを探しています。

2011-12-08 Ray

通常、+と - は自分がコントロールする画像で、画像をクリックするとトグルされます。 – Danny

、私は単一のdivでjqueryのUIのアコーディオンにしてください。デフォルトでは、トグルに矢印を使用しますが、それを変更することは自明です。アイコンを変更する場合はHere's a tutorialこれは、APIを使用して無限に適応可能です。

jQuery UIを既に使用している場合は、ロードするだけの大きな利点があります。あなたはスタイリングのためにThemeRollerを打つこともできません。

2011-12-08 21:33:01 bpeterson76

ありがとう@ bpeterson76。私はどのようにアイコンを変更することができるかを見つけた...かなり簡単！ – Ray

ここに複雑何も:)のjQueryで簡単なslideToggle（http://api.jquery.com/slideToggle/）はそのプラスのイメージをクリックしてバインドさと、あなたの効果を持っている:)

コメントあなたの場合理解するためにはより多くのコードが必要です。

2011-12-08 21:31:58 allaire

あなたはjQueryのを使用したい場合は、あなたがHTMLを設定したら、1つの簡単なjavascriptの呼び出しが動作し、それを取得しますTreeView extension

を使用することができます。

$（ "＃yourDiv"）。treeview（）;それは私がこれをやっていた場合

2011-12-08 21:32:31 Rebecca

答えて