javascript - 为什么 jQuery SlideToggle 在最小化/最大化 div 时不渲染动画/过渡?

标签 javascript jquery html css animation

我使用 jquerySlideToggle 打开/关闭彼此下方的一些 div 并创建 Accordion 效果,每个 div 内都有更多内容、一些其他 div、文本、图像等。

幻灯片功能工作正常,但没有显示打开或关闭的过渡/动画效果,只能在div完全打开后(幻灯片动画完成后)看到内容,但我想开始查看自动画开始以来的内容。

下面是我正在使用的代码:

function Accordion(div_name){
    for(i = 0; i < 6; i++) { 
        if (div_name == 'a' + i ) {
            } else {
                $('#a' + i ).hide();
            }  
        };  
  $('#' + div_name).slideToggle();
  location.href ='frota.php#a' + div_name;             
}; 

有人知道发生了什么事以及如何解决它吗?

谢谢

最佳答案

尝试这段代码:

function Accordion(div_name){
for(i = 0; i < 6; i++) { 
    if (div_name == 'a' + i ) {
        } else {
            $('#a' + i ).slideUp();
        }  
    };  
$('#' + div_name).slideToggle();
location.href ='frota.php#a' + div_name;             
}; 

关于javascript - 为什么 jQuery SlideToggle 在最小化/最大化 div 时不渲染动画/过渡?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44125650/

相关文章:

javascript - 如何使用JavaScript将Fetch数据设置为Array并将数据设置为innerHTML Bootstrap卡

javascript - 在段落列表后插入图像列表

php - 在 PHP 中使用 htmlentities() 函数时防止浏览呈现 HTML

javascript - 如何在用户运行我们的应用程序时获取设备详细信息?

php - 从表格中抓取行,然后抓取单元格

javascript - 我需要填补这个 JQuery 动画中的空白

javascript 获取 : can't get POST response data from perl script

javascript - 2 分钟问题 - HTML/CSS If div within div expands expand parent div

jquery - 使用 RESTful Webservice 完成 Monaco 编辑器代码

javascript - 在 for 循环中将对象添加到 'Json Array of Objects'