原生ul实现菜单

<ul class="accordion">
        <li class="selected">
            <span>北京景点</span>
            <ul>
                <li>故宫</li>
                <li>十三陵</li>
                <li>圆明园</li>
                <li>长城</li>
            </ul>
            
        </li>
        <li>
            <span>上海景点</span>
            <ul>
                <li>东方明珠</li>
                <li>外滩</li>
                <li>豫园</li>
                <li>龙华寺</li>
            </ul>
            
        </li>
        <li>
            <span>广州景点</span>
            <ul>
                <li>白云山</li>
                <li>中山纪念堂</li>
                <li>华南植物园</li>
                <li>越秀公园</li>
            </ul>
            
        </li>
        <li>
            <span>深圳景点</span>
            <ul>
                <li>世界之窗</li>
                <li>东门老街</li>
                <li>海上田园旅游区</li>
                <li>中信明思克航母</li>
            </ul>
        </li>
        <li>
            <span>厦门景点</span>
            <ul>
                <li>
                	<span>鼓浪屿</span>
	               	 <ul>
		                 <li>鼓浪屿</li>
		                 <li>集美嘉庚园</li>
		                 <li>万石植物园</li>
		                 <li>方特梦幻王国</li>
		             </ul>
                </li>
                <li>集美嘉庚园</li>
                <li>万石植物园</li>
                <li>方特梦幻王国</li>
            </ul>
        </li>
    </ul>

效果如图：