Html 仅限3级CSS3菜单，不打开3级

尝试仅使用HTML和CSS创建3级菜单。我可以让它显示第二级当我点击第一级，但当我点击任何东西在第二级它只是关闭菜单。我也能够得到它，所以当我点击第一级时，它会同时打开第二级和第三级，以便选择我点击的选项

我刚刚开始学习CSS，所以请尽可能提供任何建设性的批评。我肯定这是我错过的简单的东西。我不想用js（很快就知道了）有人能看一下吗

这是HTML

<div id="menu">
    <ul class="show-menu">
        <li id="weekdays">
            <a href="#weekdays">Weekday Programming</a>
            <ul class="wd-menu">
                <li><a href="#">The Bigg Nez Show (M-F 9-noon)</a></li>
                <li><a href="#">The Rob Kaufman Show (M-F 4-7)</a></li>
                <li><a href="#">The Void w/Sabrina Boyd (Tu/Th 12-2p)</a></li>
                <li><a href="#">The Menace's Attic (Mon 2-4p)</a></li>
                <li><a href="#">DigBoston Presents (Tue 2-4p)</a></li>
                <li><a href="#">The Good American (Fri 2-4p)</a></li>
            </ul>
        </li>
        <li id="weeknights">
            <a href="#weeknights">Weeknight Programming</a>
            <ul class="wn-menu">
                <li><a href="#monday">Monday</a></li>
                <ul class="three-line">
                    <li><a href="#">The Anthony Duva Show</a></li>
                    <li><a href="#">The Adult Entertainment Show</a></li>
                    <li><a href="#">GeekBeat Radio</a></li>
                </ul>
                <li><a href="#tuesday">Tuesday</a></li>
                <ul class="two-line">
                    <li><a href="#">Spin City</a></li>
                    <li><a href="#">Three Strange Women</a></li>
                </ul>
                <li><a href="#wednesday">Wednesday</a></li>
                <ul class="two-line">
                    <li><a href="#">The Chicken Spot</a></li>
                    <li><a href="#">Saucy Entertainment</a></li>
                </ul>
                <li><a href="#thursday">Thursday</a></li>
                <ul class="three-line">
                    <li><a href="#">Banned in Boston</a></li>
                    <li><a href="#">Organized Nonsense</a></li>
                    <li><a href="#">The D-Pad</a></li>
                </ul>
                <li><a href="#friday">Friday</a></li>
                <ul class="three-line">
                     <li><a href="#">Beats, Rhymes &#38; Life</a></li>
                     <li><a href="#">The Living Room</a></li>
                     <li><a href="#">3&#39;s Company</a></li>
                </ul>                   
            </ul>
        </li>
        <li id="weekends">
            <a href="#weekends">Weekend Programming</a>
            <ul class="we-menu">
        <div id="saturday">    
                <li><a href="#saturday">Saturday</a></li>
            <ul class="eight-line">
                 <li><a href="#">Boston Pot Report</a></li>
                 <li><a href="#">Blues &#38; Beyond</a></li>
                 <li><a href="#">Two Hotheads</a></li>
                 <li><a href="#">Citywide Blackout</a></li>
                 <li><a href="#">Boston Shit Show</a></li>
                 <li><a href="#">Bottoms Up</a></li>
                 <li><a href="#">Radio Remi</a></li>
                 <li><a href="#">The DJ Hothands Hour</a></li>
            </ul> 
        <div id="sunday">
                <li><a href="#sunday">Sunday</a></li>
            <ul class="six-line">
                 <li><a href="#">Keeping it Latin</a></li>
                 <li><a href="#">Shady Lady Sports Show</a></li>
                 <li><a href="#">The Audio Spectrum</a></li>
                 <li><a href="#">The Lifestyles Show</a></li>
                 <li><a href="#">The Foundation</a></li>
                 <li><a href="#">Sterlingtology</a></li>
            </ul>
        </ul>
    </li>
</ul>
</div>
<!--end accordian-->

---

你的加价搞砸了

从有效的html编码开始：

<a href="#weeknights">Weeknight Programming</a>
        <ul class="wn-menu">
            <li><a href="#monday">Monday</a></li>

    /* this next block is not well nested  */
            <ul class="three-line">
             <li><a href="#">The Anthony Duva Show</a></li>
             <li><a href="#">The Adult Entertainment Show</a></li>
             <li><a href="#">GeekBeat Radio</a></li>
        </ul>
        <li><a href="#tuesday">Tuesday</  etc.etc etc.

/*下一个块嵌套得不好*/





星期二（ul>li>div，ul>li>ul>li）并确保您的标签已正确关闭

那么，也许你的.css+javascript会起作用。
你粘贴了很多代码，也许你应该尝试摘录演示错误的关键部分，以便于调试。下面是一些代码：你有一些无效的HTML，可能是由于复制/粘贴混乱。用有效代码更新此文件，然后将更新版本的链接添加到您的答案中。。需要。。。扼杀冲动。。到缩进代码。@jsFiddle中的milchepatren TidyUp运行良好。
<a href="#weeknights">Weeknight Programming</a>
        <ul class="wn-menu">
            <li><a href="#monday">Monday</a></li>

    /* this next block is not well nested  */
            <ul class="three-line">
             <li><a href="#">The Anthony Duva Show</a></li>
             <li><a href="#">The Adult Entertainment Show</a></li>
             <li><a href="#">GeekBeat Radio</a></li>
        </ul>
        <li><a href="#tuesday">Tuesday</  etc.etc etc.