「場所でさがす」の版間の差分
提供: 川西図鑑
その他の操作
編集の要約なし |
編集の要約なし タグ: 差し戻し済み |
||
| 37行目: | 37行目: | ||
// カードの位置を取得して、同じ行の最後に展開パネルを挿入 | // カードの位置を取得して、同じ行の最後に展開パネルを挿入 | ||
const allCards = Array.from(grid.children).filter(el => el.classList.contains('category-card')); | // 展開パネルを除外してカードのみを取得 | ||
const allCards = Array.from(grid.children).filter(el => | |||
el.classList.contains('category-card') | |||
); | |||
const cardIndex = allCards.indexOf(card); | const cardIndex = allCards.indexOf(card); | ||
// | // グリッドの列数を計算(展開パネルを除外した状態で) | ||
// 一時的に既存の展開パネルがあれば削除した状態で計算 | |||
const tempPanels = grid.querySelectorAll('.subgenres-expanded'); | |||
tempPanels.forEach(p => p.remove()); | |||
const gridStyle = window.getComputedStyle(grid); | const gridStyle = window.getComputedStyle(grid); | ||
const gridTemplateColumns = gridStyle.gridTemplateColumns.split(' ').length; | const gridTemplateColumns = gridStyle.gridTemplateColumns.split(' ').length; | ||
| 72行目: | 79行目: | ||
const openCard = document.querySelector('.category-card.is-open'); | const openCard = document.querySelector('.category-card.is-open'); | ||
if (openCard) { | if (openCard) { | ||
const toggleButton = openCard.querySelector('.genre-toggle'); | |||
if (toggleButton) { | |||
// 一度閉じてから開き直す | |||
const wasOpen = openCard.classList.contains('is-open'); | |||
if (wasOpen) { | |||
toggleButton.click(); // 閉じる | |||
setTimeout(() => { | |||
toggleButton.click(); // 開く | |||
}, 50); | |||
} | |||
} | |||
} | } | ||
}, 250); | }, 250); | ||
2026年1月29日 (木) 12:42時点における版
川西市内の店舗・施設を「場所」から探せます。 最寄り駅・エリアごとに情報を整理しています。
※ 各駅・エリアページから、 飲食店・美容・施設などのカテゴリー別一覧を見ることができます。