javascript - 单击时调整滑动切换的速度

标签 javascript jquery html css

有人可以帮忙写这段代码吗。

概述

  • 有一个显示/隐藏 tr 的表格

查看代码:jsfiddle

<table>
    <tr class="title">
        <td>Column1</td>
    </tr>
    <tr class="hidden">
        <td> content > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam quis nibh ullamcorper, ultrices leo quis, ultricies ex. Suspendisse pulvinar facilisis nulla, eu fringilla ante congue non. Phasellus bibendum interdum ligula sit amet consectetur. Ut facilisis urna tempor libero convallis sollicitudin. In malesuada sollicitudin urna sit amet molestie. Aliquam ut facilisis massa. Nunc diam eros, lobortis sit amet libero in, luctus volutpat est. Duis egestas at ligula ac ullamcorper. Sed eleifend ac diam vel aliquam. Nam in fringilla urna. Vivamus porttitor dictum arcu ut congue. Vestibulum egestas dolor ut neque tincidunt maximus. Maecenas quis congue nisi. </td>
    </tr>
</table>

问题:

  • 谁能告诉我如何调整滑动开关的速度?

谢谢

最佳答案

您可以将时间传递给 slideToggle 方法。引用http://api.jquery.com/slidetoggle/

    $(function(){
        $('.title').click(function(){
            $(this).nextUntil('tr.title').slideToggle(10);
        });
    });

关于javascript - 单击时调整滑动切换的速度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38914559/

相关文章:

javascript - Bootstrap 单选标签不适用于 Knockout

javascript - JavaScript 中的匹配模式

javascript - 如何检测 iFrame 中点击的单词

jquery ThemeSwitcher 在 HTTPS 方面存在问题

html - 更改 Logo 的大小

javascript - JQueryMobile 过滤 XMLhttprequest

javascript - 将 CSS Transition 与点击事件联系起来

javascript - 滚动到 jquery 数组中的下一个元素

javascript - 如何阻止来自父 DOM 的点击事件?

html - 复选框宽度如何填充表格单元格?