ホームページ > ウェブフロントエンド > jsチュートリアル > jquery_jquery に基づく超軽量の 3 レベル拡張リスト

jquery_jquery に基づく超軽量の 3 レベル拡張リスト

WBOY
リリース: 2016-05-16 18:07:27
オリジナル
1246 人が閲覧しました

ここ数日、私は会社の一般的な管理の背景で、左側をクリックして右側のコンテンツを展開するという、プロジェクトの 2 番目または 3 番目のレベルに遭遇することがよくありました。左側は、以前は dtree を使用していましたが、dtree はスタイルと構造を制御するのが難しいことがわかりました。
動的データの場合、cs ファイルに書き込んで文字を入力する必要があります。メンテナンスに役立ち、長い時間が経つと見つからなくなります。 ,
そこで、今日は軽量の 3 レベルの拡張メニューを作成しました。必要に応じて、別のレベルを追加できます。通常、会社のプロジェクトには 3 つのレベルで十分です。

はじめに:
div 部分のクラスと ID を定義する必要はありません。次の構造を持っている限り、データは動的でも静的でも構いません
スタイルを制御できますスタイル
jquery_jquery に基づく超軽量の 3 レベル拡張リスト
コードは次のとおりです:
css

コードをコピー コードは次のとおりです: