jquery - 使用 jquery 将淡入淡出的垂直子菜单添加到一页 html

Question

我想在我拥有的菜单中添加一个垂直子菜单。

我想在悬停时有这种效果....

我添加了一些代码但没有工作我应该添加什么（不想要那些图标）只是效果，但我似乎没有完成任务，有没有办法为该子菜单添加淡入淡出效果？

jsfiddle是这个

<div id="header-wrap">
    <header>
        <nav>
            <ul>
                <li><a href="#main">Init   </a></li>
                 <li><a href="#services">Services</a> </li>
                <li><a href="#portfolio">portfolio</a></li>
                <li><a href="#about-us">about us  </a></li>
                 <li><a href="#contact">Contact</a></li>

               <ul class="submenu">
                  <li><a href="#services-1">Service1</a></li>
                 <br>
                 <li><a href="#services-2">Service2</a></li>
                 <br>
                <li><a href="#services-3">Service3</a></li>
                </ul>
            </ul>
        </nav>
    </header>
</div>

Answer 1

淡入淡出效果是由一个名为transition（您可能必须使用供应商前缀）的 CSS3 属性引起的。它与 jQuery 无关。