Javascript 滑动切换不工作错误的班级

我已经创建了一个幻灯片切换，但它不工作。一般来说，如果我停留在年份上，月份将通过slidetoggle显示，但它不起作用……可能脚本上的类是错误的。样品

HTML:

脚本：

$("ul > li").hover(function () {
    $(this).children("ul li").slideToggle("fast");
});

---

您应该在

锚定

悬停时滑动切换

同级

li

s，如下所示：

如果您将该选项保持在悬停状态，您可能会遇到以下问题

• 它可能无法在手机上正常工作
• 一旦您将

  鼠标悬停在链接的上方

  ，它将不允许您单击月份

因此，我建议您在

单击上执行相同的功能


li
是
ul
so的旧有效子级

<ul>
    <li><a class="year-link" href="http://thegypsetters.net/2015">2015</a>:</li>
    <li><a class="month-link" href="http://thegypsetters.net/2015/01" title="1 post">January</a>

及

演示：
正常，但当我在当月悬停时，它会禁用悬停，怎么还能显示这个？通过css还是在js上可行？好的，很好。我认为使用单击比使用悬停更好。但这是可能的悬停？并使用css控制li显示设置？这是可能的，但您可能需要使用
show
和
hide
或
slideUp
或
slideDown
而不是
slideToggle
，检查
悬停
中的场景，然后再次检查
隐藏
或
显示
您可能需要以其他方式查看此场景。
$("ul > li").hover(function () {
    $(this).children("ul li").slideToggle("fast");
});

$("ul > a").hover(function () {
    $(this).siblings("li").slideToggle("fast");
});

$("ul > a").click(function (e) {
    e.preventDefault();
    $(this).siblings("li").slideToggle("fast");
});

<ul>
    <li><a class="year-link" href="http://thegypsetters.net/2015">2015</a>:</li>
    <li><a class="month-link" href="http://thegypsetters.net/2015/01" title="1 post">January</a>

$("ul > li:has(.year-link)").hover(function () {
    $(this).siblings().slideToggle("fast");
});

ul li {
    display:none;
}
ul li:first-child {
    display: list-item;
}