Question

我正在尝试将Jquery效果或CSS淡入淡出/幻灯片添加到我的子菜单中，但似乎无法让它工作。 ul子导航设置为在CSS中不显示任何内容。然后当你点击带有类下拉式切换的'a'标签时，它会添加类'display-sub-menu'这个子ul（现在，我的CSS中的显示块）。我的代码如下;

HTML：

<ul class="nav-list">
    <li><a href="index.html">Home</a></li>
    <li>
        <a class="dropdown-toggle" title="About Us">About Us</a>
        <ul>
            <li><a href="about-us.html">About Our Business</a></li>
            <li><a href="meet-the-team.html">Meet The Team</a></li>
        </ul>
    </li>
</ul>

我的Jquery如下：

$('a.dropdown-toggle').click(function(e) {
    $(this).next().toggleClass('display-sub-menu', 250);
});

目前这只是隐藏和显示。如果我使用slideToggle等

，则没有幻灯片的效果

Answer 1

您可以使用public static void main(String[] args) { String x = JOptionPane.showInputDialog(null, "Hur många värden haver du?"); int i = Integer.parseInt(x); for (int y = 0; i >= y; y++) { String z = JOptionPane.showInputDialog(null, "Skriv in värdet"); int sum = Integer.parseInt(z); sum = (sum + z); } }与淡入/幻灯片切换

，而不是切换课程

这两种方法都将持续时间作为参数，您可以将250作为参数传递：

.fadeToggle()/.slideToggle()

或

$('a.dropdown-toggle').click(function (e) {
    $(this).next().fadeToggle(250);
});

<强> Working Demo

如何将淡入淡出或幻灯片效果添加到子菜单ul

1 个答案: