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

Question

简而言之， 我有一个html table，其行由ajax调用填充，其超时为1000毫秒。

在每一行上都有一个额外的行，在点击（slidetoggle）之后，会显示来自ajax来电的其他数据（点击了解更多信息等等，再次点击隐藏）< / p>

eveytime超时重置＆amp;进行新的呼叫，重置表格。默认情况下不会显示附加显示（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

Answer 1

你可以试试这个：

$(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();
});