javascript - 切换按钮不起作用，菜单无法正常向下滑动

Question

当我点击它时，我有测验菜单，它向下滑动，在一个 div 上显示四个 div。这是 fiddle :fiddle link .

这是 html:

切换按钮测验

<ul>
  <li id="togglebtn"class="quizli"><a href="#">Quizes</a></li>
  </ul>

 <div id="quizmenu" class="bubble">

                        <div id="subdiv1" class="subdiv">
                            <h5><img src="image/earth.png" alt="earth">WorldGK</h5>
                                <a>gffdfd</a>
                                <a>gfdddd</a>
                                <a>gfddddd</a>
                        </div>
                        <div id="subdiv2"class="subdiv">
                            <h5><img src="image/computer.png" alt="earth">Computer</h5>
                                <a>gfdddddd</a>
                                <a>gfddddddd</a>
                                <a>gfddddddd</a>
                        </div>
                        <div id="subdiv3" class="subdiv">
                            <h5><img src="image/dictionary.png" alt="earth">English</h5>
                                <a>gfgdfdfdfd</a>
                                <a>gfdfdfd</a>
                                <a>gfdfdfdfdd</a>
                        </div>
                        <div id="subdiv4" class="subdiv">
                            <h5><img src="image/code.png"     alt="earth">Programming</h5>
                                <a>C#</a>
                                <a>gfgfdgfdgfgfd</a>
                                <a>gfdffgfgf</a>
                        </div>
                        <div id="subdiv5" class="subdiv">
                            <h5><img src="image/inter2.png" alt="earth">Interview</h5> 
                                <a>ggdfgfdgfd</a>
                                <a>gfgfdgfdgfgfd</a>
                                <a>gfdffgfgf</a>
                        </div>
                </div>

这是CSS:

Answer 1

.scrollup :hover 应该是 .scrollup:hover