折叠多层手风琴下拉列表

Question

我正在尝试在下拉垂直菜单中添加第三级，这就是我能找到的全部内容。我无法使第三级工作;当我点击父级时，我想隐藏其余级别。

这是我正在使用的小提琴：http://jsfiddle.net/65C2Z/

我的代码：

<ul class="ac-menu">
    <li id="one"><a href="#one">Level1</a>
        <ul class="sub-menu">
            <li><a href="#">Level2</a>
                <ul class="sub-menu">
                    <li><a href="#one">Level3 </a>
                    </li>
                    <li><a href="#one">Level3</a>
                    </li>
                    <li><a href="#one">Level3 </a>
                    </li>
                </ul>
            </li>
            <li><a href="#">Level2</a>
            </li>
            <li><a href="#">Level2</a>
            </li>
        </ul>
    </li>
    <li id="two"><a href="#two">Level1</a>
        <ul class="sub-menu">
            <li><a href="#">Level2</a>
            </li>
            <li><a href="#">Level2</a>
            </li>
            <li><a href="#">Level2</a>
            </li>
        </ul>
    </li>
    <li id="three"> <a href="#three">Level1</a>
        <ul class="sub-menu">
            <li><a href="#">Level2 </a>
            </li>
            <li><a href="#">Level2 </a>
            </li>
        </ul>
    </li>
</ul>

有没有办法只使用css？