4

twitter-bootstrapを使い始めたばかりです

私のWebサイトでは、次のようにフォルダのコンテンツを含むリストを切り替えたいと思います。クリックする<i class="icon-folder-open">と、に切り替わり、アイテム1とアイテム2<i class="icon-folder-close">が非表示になります。

これが私の最初のコードで、フォルダを開くアイコンとそのフォルダ内のすべてのアイテムを示しています。

<a href="#"><i class="icon-folder-open"></i></a>&nbsp;Item in folder</li>
<ul>item 1</ul>
<ul>item 2</ul>

わかりやすくするためにスクリーンショットを追加したいのですが、ここに配置する方法が見つかりません。質問が明確でない場合はお知らせください。詳しく説明します。

私はそれを行う方法が何百万もあるかもしれないことを知っています。小さくて効率的で、bootstrap/jQueryレルム内にあるものを探しています。

これが開いているときのスクリーンショットです

http://i47.tinypic.com/2dj5ok6.png

そしてそれが閉じているとき

http://i49.tinypic.com/1dzlna.png

4

2 に答える 2

7

-編集-

OPが提供するスクリーンショットを反映するようにplunkを更新-> plunk

OP、

http://plnkr.co/edit/2PUiNqdQKLsBVhyeKLtm?p=preview何をしようとしていますか？

ユーザーがボタンをクリック->他の要素のオン/オフを切り替えます->ボタンのアイコンicon-folder-open/を切り替えますicon-folder-close。

于 2013-03-13T17:17:17.193 に答える
0

この問題を回避するために、liのp要素にline-heightを使用しました。だから、自動高さのliは私に必要なサイズを与えてくれます。

于 2014-04-07T19:12:04.360 に答える