ベースのマルチレベルのメニューは、思考の電車を見たことがありません

次のようにメインのコードは次のようになります。

<!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を抽出します

おすすめ

転載: www.cnblogs.com/ncellit/p/11423231.html