97免费在线观看视频 I 午夜夫妻视频 I 久久久久久网站 I 天堂网男人 I 欧美大波大乳人奶 I 丝袜 中出 制服 人妻 美腿 I 窝窝午夜理论片影院 I 日韩在线伦理电影 I 韩国特级毛片 I 亚洲欧美另类激情 I 在线成人日韩 I 麻豆视频免费看 I 黄色生活毛片 I 极品一线天小嫩嫩真紧 I 色久天堂 I 久久久久久黄色片 I 林智妍三级露全乳电影视频 I 大肉大捧一进一出好爽视频 I 空乘伦理hd I 少妇口述与子做过爱 I 成人免费影片 I 国产精品国内免费一区二区三区 I 日韩制服一区 I 青青草福利在线 I 日本在线观看不卡视频 I 婷婷六月综合亚洲 I 国产又粗又黄又硬 I 美女扒开屁股让男子桶爽 I 欧美性午夜视频观看 I 欧美狠狠插 I 亚洲福利在线观看视频 I 无码抽搐高潮喷水流白浆 I 亚洲欧美国产日韩色伦 I 你懂的视频网站在线观看 I www.蜜桃视频在线观看 I 日本无码人妻精品一区二区蜜桃 I 久久中文字幕人妻丝袜 I 碰草在线视频 I 日韩精品成人av网站

網頁里如何點擊DIV的時候DIV折疊

2016/9/2 9:13:15   閱讀:1694    發布者:1694
<!doctype html>  
<html>  
<head>  
    <meta charset="utf-8">  
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0,  
user-scalable=0" name="viewport"> 
    <title>測試</title>  
    <style type="text/css"> 
        *{ margin:0; padding:0;} 
        .menu{ width:100%;} 
        .menu .item{ width:100%; height:auto; background-color: #fefefe;} 
        .menu .item h1{ font-size:15px; width:100%; position:relative;} 
        .menu .item h1 i{ display: inline-block; height:15px; width:10px;  
position:absolute; right:10px; top:0; background: url(images/right.png) no-repeat;  
background-size:10px auto;} 
        .menu .item ul{ display: none;} 
        .menu .item ul li{ list-style:none; color:#000; background-color: #fefefe;  
border-bottom:solid 1px #ededed; line-height: 32px; width:100%; position:relative;} 
        .menu .item ul li p{ display: none;}         
        .menu .item.active h1 i{ display: inline-block; height:10px; width:15px;  
position:absolute; right:10px; top:3px; background: url(images/down.png) no-repeat;  
background-size:15px auto;} 
        .menu .item ul li span.icon{display: inline-block; height:15px; width:10px;  
position:absolute; right:10px; top:0; background: url(images/right.png) no-repeat;  
background-size:10px auto;} 
        .menu .item ul li.active span.icon{ display: inline-block; height:10px; width:15px;  
position:absolute; right:10px; top:3px; background: url(images/down.png) no-repeat;  
background-size:15px auto;} 
        .menu .item.active ul{ display: block;} 
        .menu .item.active ul li.active p{ display: block;} 
    </style> 
</head> 
<body> 
    <div class="menu"> 
        <div class="item"> 
            <h1>標題一<i></i></h1> 
            <ul> 
                <li>1<span class="icon"></span> 
                    <p>鋒科技了束帶結發歷史的會計法落實到飛</p> 
                </li> 
                <li>2<span class="icon"></span> 
                    <p>鋒科技了束帶結發歷史的會計法落實到飛</p> 
                </li> 
                <li>3<span class="icon"></span> 
                    <p>鋒科技了束帶結發歷史的會計法落實到飛</p> 
                </li> 
            </ul> 
        </div> 
        <div class="item"> 
            <h1>標題二<i></i></h1> 
            <ul> 
                <li>1<span class="icon"></span> 
                    <p>鋒科技了束帶結發歷史的會計法落實到飛</p> 
                </li> 
                <li>2<span class="icon"></span> 
                    <p>鋒科技了束帶結發歷史的會計法落實到飛</p> 
                </li> 
                <li>3<span class="icon"></span> 
                    <p>鋒科技了束帶結發歷史的會計法落實到飛</p> 
                </li> 
            </ul> 
        </div> 
        <div class="item"> 
            <h1>標題三<i></i></h1> 
            <ul> 
                <li>1<span class="icon"></span> 
                    <p>鋒科技了束帶結發歷史的會計法落實到飛</p> 
                </li> 
                <li>2<span class="icon"></span> 
                    <p>鋒科技了束帶結發歷史的會計法落實到飛</p> 
                </li> 
                <li>3<span class="icon"></span> 
                    <p>鋒科技了束帶結發歷史的會計法落實到飛</p> 
                </li> 
            </ul> 
        </div> 
    </div> 
    <script type="text/javascript" src="js/jquery-1.7.min.js"></script> 
    <script type="text/javascript"> 
        jQuery(function(){ 
            $(.menu .item).each(function(){ 
                var flag=true; 
                $(this).find(h1).on(click,function(){ 
                    if(flag){ 
                        $(.menu .item).removeClass(active); 
                        $(this).parent(.item).addClass(active);                         
                        flag=false; 
                    }else{ 
                        $(this).parent(.item).removeClass(active); 
                        flag=true; 
                    } 
                }); 
            }); 
            $(.menu .item ul li).each(function(){     
                var flag=true;             
                $(this).on(click,function(event){ 
                    event.preventDefault(); 
                    event.stopPropagation(); 
                    if(flag){ 
                        $(.menu ul li).removeClass(active); 
                        $(this).addClass(active); 
                        flag=false; 
                    }else{ 
                        $(this).removeClass(active); 
                        flag=true; 
                    }                                 
                }); 
            }); 
        }); 
    </script> 
</body> 
</html>
主站蜘蛛池模板: 日本午夜网站 | 老熟女激烈的高潮 | www.av日韩 | 久久人妻少妇嫩草av蜜桃 | 黄色大片一级片 | 亚拍精品一区二区三区探花 | www.亚洲一区二区 | 欧美精品亚洲一区 | 亚洲国产成人无码av在线播放 | 久久亚洲国产精品亚洲老地址 | 国产精品久久久久久久久绿色 | 91av久久| 午夜伦yy44880影院 | 久久网亚洲 | 久久99精品久久久秒播 | 国产精品ww | www国产亚洲精品久久网站 | 日韩久久精品 | 免费大片黄国产在线观看 | 中文资源在线播放 | 国产88av| 成人18禁深夜福利网站app免费 | 国产精品无码成人午夜电影 | 亚洲一区视频在线播放 | 与黑人高h系列 | 国产上床视频 | 中文字幕不卡视频在线观看 | 中国做爰国产精品视频 | 青青操免费在线视频 | 国产中文字幕久久 | 免费国产成人高清在线观看网站 | 久久精品免费国产大片 | 男女又色又爽又爽视频 | 超碰中文字幕在线 | 久久亚洲精品色一区 | 男女下面一进一出好爽视频 | 91精品国产福利在线观看的优点 | 激情人妻另类人妻伦 | 变态性猛交xxxxxxhd | 精品在线二区 | 波多野结衣高潮av在线播放 | 欧美成年黄网站色视频 | 国产99在线 | 中国 | 亚洲国产成人久久一区 | 日本欧美在线观看 | 青青草免费av | 国产福利萌白酱精品tv一区 | 香蕉在线视频观看 | 欧美日韩一区二区三区在线观看视频 | 三级大片在线观看 | 亚洲伊人久久综合影院 | 精品欧美一区二区三区 | 久久久欧美 | 五月99久久婷婷国产综合亚洲 | 欧美成免费| 亚洲日韩日本中文在线 | 99久久精品国产免费看不卡 | 日韩国产亚洲欧美中国v | 欧美精品久久久久久久久大尺度 | 3atv精品不卡视频 | 色婷婷久久久久swag精品 | 国产成人午夜福利在线观看视频 | 97久久久久人妻精品区一 | 精品在线一区二区 | 欧美 在线 成 人怡红院 | 亚洲高清在线视频 | 99一区二区 | 国语自产偷拍精品视频蜜芽 | 国产精品人人爽人人爽 | 九一国产精品 | 91激情视频在线 | 国产欧美视频一区二区三区 | 久久精品中文字幕一区二区三区 | 欧美久久久久久久久 | 欧美在线免费看 | 上原亚衣加勒比在线播放 | 69av一区二区三区 | 亚洲国产精品一区二区久久 | 黄色录像欧美 | 三级精品在线 | 国产亚洲精品久久久久久网站 | 国产一级黄色毛片 | 国产va免费精品观看精品 | 国产高清在线精品一区免费 | 乱人伦中文无码视频在线观看 | 成人性生交大片免费看在线播放 | 中文字幕在线官网 | 精品欧美一区二区三区免费观看 | 人妻少妇久久精品电影 | 亚洲日本国产综合高清 | 九九综合视频 | 日本中文字幕亚洲乱码 | 韩日av网站 | 成人免费在线播放视频 | 新91在线| 人人妻人人妻人人妻碰碰 | 免费无码又黄又爽又刺激 | 国产婷婷| 无码人妻精品一区二区三区蜜桃 |