次のようにメインのコードは次のようになります。
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<!DOCTYPE HTML > < HTML > < ヘッド> < メタのcharset = "UTF-8" > < タイトル> jQueryの多级菜单-jq22.com </ タイトル> < スクリプトSRC = "https://libs.baidu.com/jquery /1.11.3/jquery.min.js」> </ スクリプト> < スタイル> </ スタイル> </ ヘッド> < 身体> < UL > < 李> < 李>メニュー</ 李> < 李> メニュー < UL > < 李>レベル2メニュー</ 李> < 李>レベル2メニュー</ 李> < 李> レベル2メニュー < UL > < 李>レベル3メニュー</ 李> < 李>レベル3メニュー</ 李> < 李>レベル3メニュー</ 李> </ UL > </ 李> http://www.jq22.com/webqd6192 </ UL > </ 李> < 李> メニュー < UL > < 李>レベル2メニュー</ 李> < 李> 2レベルメニュー</ 李> < 李> レベル2メニュー < UL > < 李>レベル3メニュー</ 李> < 李>レベル3メニュー</李> < 李> 3级菜单</ 李> </ UL > </ 李> </ UL > </ 李> </ UL > < スクリプト> $(関数(){ $(" * " ).click(機能(){ 返す 偽; }) $(" 李:あり(UL)" ).click(関数(){ $(この).children())(トグル。 返す 偽; }); }) </ スクリプト> </ ボディ> </ HTML >
可能な限り主な研究。これロジック思考、JQを達成するために粗いからネイティブJSを抽出します