Toggle expander label between show and hide

Signed-off-by: Johannes Marbach <n0-0ne+github@mailbox.org>
This commit is contained in:
Johannes Marbach 2026-03-20 13:08:53 +01:00
parent 92b7e714e7
commit 8e383835b9

View file

@ -165,6 +165,7 @@ search backend.
r.sub_results.forEach((s, index_s) => { r.sub_results.forEach((s, index_s) => {
if (index_s === LIMIT) { if (index_s === LIMIT) {
const wrapper_id = `collapssible-subresults-${index_r}`; const wrapper_id = `collapssible-subresults-${index_r}`;
const $action = $("<span>").text("Show");
const $expander = $("<a>") const $expander = $("<a>")
.attr("data-bs-toggle", "collapse") .attr("data-bs-toggle", "collapse")
.attr("data-bs-target", `#${wrapper_id}`) .attr("data-bs-target", `#${wrapper_id}`)
@ -173,12 +174,15 @@ search backend.
.attr("aria-expanded", "false") .attr("aria-expanded", "false")
.attr("aria-controls", wrapper_id) .attr("aria-controls", wrapper_id)
.css("margin-left", "0.5rem") .css("margin-left", "0.5rem")
.text(`${r.sub_results.length - index_s} more result(s) from ${r.meta.title}`); .append($action)
.append($("<span>").text(` ${r.sub_results.length - index_s} more result(s) from ${r.meta.title}`));
$searchResultBody.append($("<p>").append($expander)); $searchResultBody.append($("<p>").append($expander));
$wrapper = $("<div>") $wrapper = $("<div>")
.addClass("collapse") .addClass("collapse")
.attr("id", wrapper_id); .attr("id", wrapper_id)
.on("hide.bs.collapse", _ => $action.text("Show"))
.on("show.bs.collapse", _ => $action.text("Hide"));
$searchResultBody.append($wrapper); $searchResultBody.append($wrapper);
} }