Javascript slidetoggle重置ajax函数的每一个间隔

Javascript slidetoggle reset every interval of ajax function

本文关键字:每一个 函数 slidetoggle 重置 ajax Javascript      更新时间:2023-09-26

总之,我有一个html table,它的行由ajax调用填充,它的超时为1000ms。

在每一行下面有一个额外的行,点击(slidetoggle),显示ajax调用的额外数据(点击列表上的更多信息等,再次点击隐藏)

每次超时重置&一个新的调用被发出,表被重置;附加显示默认不显示(css - display: none)。

我怎样才能改变这一点,以记住哪一行的滑动开关在重置时是打开的,并保持这种方式?

$(document).on('click', '.referral', function() {
    $(this).next().slideToggle("slow");
});

.referral //refers to the table rows
$(this).next() //refers to the additional information display

你可以试试:

$(document).on('click', '.referral', function() {    
    var $additionalRow = $(this).next();
    $additionalRow.next().slideToggle("slow");
    // hide all other additional row except $additionalRow
    $('.referral').next().not($additionalRow).hide();
});