Свернуть строки таблицы HTML по умолчанию ⇐ Jquery

[Anonymous]

Я использую небольшую модификацию этого ответа, чтобы сделать строки заголовков свертываемыми в таблице HTML.
Я хочу изменить фрагмент JS так, чтобы строки сворачивались, а не расширен по умолчанию (при загрузке страницы/готовности документа). Как я могу это сделать?
В основном то, чего я пытаюсь достичь, предназначено для:

Код: Выделить всё

$(this).find('span').text(function(_, value){return value=='-'?'+':'-'});
$(this).nextUntil('tr.header').slideToggle(100, function(){

будет запускаться один раз при загрузке/обновлении страницы, а также при нажатии и переключении строк заголовка.
Я знаю, что мне понадобится чтобы изменить два тега два + в HTML, но я застрял в том, как вызвать это поведение при загрузке страницы.

Код: Выделить всё

$(document).ready(function() {
$('tr.header').click(function() {
$(this).find('span').text(function(_, value) {
return value == '-' ? '+' : '-'
});
$(this).nextUntil('tr.header').slideToggle(100, function() {});
});
});

Код: Выделить всё

table, tr, td, th {
border: 1px solid black;
border-collapse: collapse;
}

tr.header {
cursor: pointer;
}

Код: Выделить всё

Header -


data
data


data
data


Header -


date
data


data
data


data
data

Подробнее здесь: https://stackoverflow.com/questions/554 ... by-default