diff --git a/app/javascript/controllers/collapsible_columns_controller.js b/app/javascript/controllers/collapsible_columns_controller.js index 5608d6ec4..5664e52db 100644 --- a/app/javascript/controllers/collapsible_columns_controller.js +++ b/app/javascript/controllers/collapsible_columns_controller.js @@ -18,19 +18,16 @@ export default class extends Controller { } #expandOnly(clickedColumn) { - const wasCollapsed = this.#isCollapsed(clickedColumn) - - this.columnTargets.forEach(column => { - this.#collapse(column) - }) - - if (wasCollapsed) { - this.#expand(clickedColumn) - } + this.#collapseAllExcept(clickedColumn); + this.#expand(clickedColumn) } - #isCollapsed(column) { - return column.classList.contains(this.collapsedClass) + #collapseAllExcept(clickedColumn) { + this.columnTargets.forEach(column => { + if (column !== clickedColumn) { + this.#collapse(column) + } + }) } #collapse(column) {