<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>

    <style type="text/css">

        *{margin:0px;padding:0px;}

        body{font-size:12px;}

        .box{margin:10px;padding:10px;}

        .box h3{margin:10px 0px;border-bottom:1px solid red;padding-bottom:10px;}

        .box p{line-height:20px;}

        strong{color:Red;margin-right:20px;}

        .treebox{margin:10px;padding:10px;width:380px;}

        .treebox ul{list-style:none;margin-left:15px;}

        .treebox>ul{list-style:none;margin-left:0px;}

        .treebox ul li{margin:12px 20px;}

        .treebox ul li label{list-style:none;cursor:pointer;line-height:16px;display:block;padding-left:20px;}

        .treebox ul li label.collapse{background-image:url(images/treeplus.gif);background-repeat:no-repeat;}

        .treebox ul li label.expand{background-image:url(images/treeminus.gif);background-repeat:no-repeat;}

        #panels dt{height:30px;line-height:30px;padding-left:10px;border:1px solid #aaccff;font-weight:bold;font-size:14px;background-color:#bb44aa;margin-top:-1px;cursor:pointer;}

        #panels dd{height:230px;padding:10px;line-height:20px;border:1px solid #aaccff;margin-top:-1px;}

    </style>

    <script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>

    <script type="text/javascript">

        $(function(){

            $(".expand").click(function(){

             $(this).next().toggle()

             //alert(a)

            })

        })

    </script>

</head>

<body>

    <div class="box">

        <h3><strong>选作</strong>本试题重点考察jquery构造树形控件，具体要求如下:</h3>

        <p>

            .点击每个节点时，将其子节点显示或隐藏。<br />

        </p>

    </div>

    <div class="treebox">

        <ul>

            <li>

                <label class="expand">河北省</label>

                <ul>

                    <li><label>石家庄市</label></li>

                    <li>

                        <label class="expand">保定市</label>

                        <ul>

                            <li><label>望都县</label></li>

                            <li><label>顺平县</label></li>

                            <li><label>唐县</label></li>

                        </ul>

                    </li>

                </ul>

            </li>

            <li>

                <label class="expand">重庆市</label>

                <ul>

                    <li>

                        <label>沙坪坝区</label>

                    </li>

                    <li>

                        <label>北碚区</label>

                    </li>

                    <li>

                        <label>江北区</label>

                    </li>

                    <li>

                        <label>南岸区</label>

                    </li>

                </ul>

            </li>

            <li>

                <label>北京市</label>

            </li>

        </ul>

    </div>

</body>

</html>



												


																

最新文章
	

    
						
  1. hbase1.2.4 伪分布式安装
		
    2. 
						
  2. 跟我一起数据挖掘（22）——spark入门
		
    3. 
						
  3. 非本地跳转之setjmp与longjmp
		
    4. 
						
  4. AIX用chsec命令修改快捷修改配置文件
		
    5. 
						
  5. BOOST1.54简化编译
		
    6. 
						
  6. activiti 源码笔记之startProcess
		
    7. 
						
  7. SQLite使用教程8   Insert 语句
		
    8. 
						
  8. Android利用百度地图定位
		
    9. 
						
  9. NSString / NSMutableString 字符串处理，常用代码 (实例)
		
    10. 
						
  10. Clock network
		
    11. 
						
  11. HDU 1722 Cake
		
    12. 
						
  12. Asp.net网站的简单发布
		
    13. 
						
  13. DataSet与DataReader的比较
		
    14. 
						
  14. 计蒜客模拟赛D1T3 蒜头君的坐骑：用dfs转移dp
		
    15. 
						
  15. hadoop2.6环境中部署hive1.2.2的错误
		
    16. 
						
  16. Java 中实现方法重试的一种机制
		
    17. 
						
  17. python 2 字典的基本使用
		
    18. 
						
  18. Menu实现逻辑
		
    19. 
						
  19. JavaScript 编码规范（中文/Airbnb公司版）
		
    20. 
						
  20. 【UI测试】－－易用性
		
    21. 
		

	


热门文章
	

    
									
  1. 双十一只是在搞噱头么？看看ABBYY FineReader就知道了
			
    2. 
						
  2. Pyhton学习——Day10
			
    3. 
						
  3. html css 样式中100%width 仍有白边解决办法
			
    4. 
						
  4. 关于read函数的一些分析
			
    5. 
						
  5. [luogu2607 ZJOI2008] 骑士 (树形dp)
			
    6. 
						
  6. uboot的readme导读
			
    7. 
						
  7. [剑指offer] 8+9. 跳台阶+变态跳台阶 (递归 时间复杂度)
			
    8. 
						
  8. 树形dp复习 树上依赖背包问题
			
    9. 
						
  9. linux内核（二）内核移植（DM365-DM368开发攻略——linux-2.6.32的移植）
			
    10. 
						
  10. Spring Cloud Feign 出现ClassNotFoundException: feign.Feign$Builder错误
			
    11.