css-折叠标签

    <ul ><h1>XML是什么</h1>
            <span>跟不知道</span></a>
    </ul>

#menu{
    overflow:hidden;
    background-color:#fbfef4;
    width:200px;
    height:500px;
    overflow:hidden;
}
#menu h1{
    margin:0px;
    color:#739c23;
    font-size:14px;
}
#menu li{
    list-sytle-type:none;
    display:block;
    width:178px;
    border:1px solid #739c23;
    border-bottom-width:0px;
}
#menu li.end{
    border-bottom-width:1px;
}
#menu li a{
    display:block;
    text-decoration:none;
    width:100%;
    padding:10px;
}
#menu li a span{
    display:none;
    color:#333;
    font-size:12px;
    padding-top:10px;
}
#menu li a:hover{
    background:#fff;
}
#menu li a:hover span{
    display:block;
    cursor:hand;
}