「場所でさがす」の版間の差分

← 古い編集

ビジュアルウィキテキスト

2026年2月3日 (火) 18:49時点における最新版

川西市内の店舗・施設を「場所」から探せます。最寄り駅・エリアごとに情報を整理しています。

※ 各駅・エリアページから、飲食店・美容・施設などのカテゴリー別一覧を見ることができます。

@@ 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 tempPanels = grid.querySelectorAll('.subgenres-expanded');
-        tempPanels.forEach(p => p.remove());
          const gridStyle = window.getComputedStyle(grid);
          const gridTemplateColumns = gridStyle.gridTemplateColumns.split(' ').length;
@@ 79行目: / 72行目: @@
        const openCard = document.querySelector('.category-card.is-open');
        if (openCard) {
-         const toggleButton = openCard.querySelector('.genre-toggle');
+         // 再度開き直す
-         if (toggleButton) {
+        openCard.querySelector('.genre-toggle').click();
-          // 一度閉じてから開き直す
+         openCard.querySelector('.genre-toggle').click();
-          const wasOpen = openCard.classList.contains('is-open');
-          if (wasOpen) {
-            toggleButton.click(); // 閉じる
-            setTimeout(() => {
-              toggleButton.click(); // 開く
-            }, 50);
-          }
-        }
        }
      }, 250);
@@ 107行目: / 92行目: @@
 <div class="subgenres">
 * [[川西能勢口駅]]
+* [[雲雀丘花屋敷駅]]
 * [[川西池田駅]]
-* [[雲雀丘花屋敷駅]]
+* [[北伊丹駅]]
-* [[山下駅]]
+* [[絹延橋駅]]
-* [[畦野駅]]
+* [[滝山駅]]
+* [[鴬の森駅]]
 * [[鼓滝駅]]
 * [[多田駅]]
 * [[平野駅]]
-* [[鶯の森駅]]
-* [[絹延橋駅]]
 * [[一の鳥居駅]]
+* [[畦野駅]]
+* [[山下駅]]
 * [[笹部駅]]
-* [[光風台駅]]
+* [[日生中央駅]]
-* [[ときわ台駅]]
 * [[妙見口駅]]
 </div>
@@ 130行目: / 116行目: @@
 </div>
 <div class="subgenres">
-'''◆ 川西中央エリア'''
+* [[川西南]]
-* [[栄町]]
+* [[川西中央]]
-* [[小花]]
+* [[明峰]]
-* [[中央町]]
+* [[多田]]
+* [[緑台]]
-'''◆ 多田・清和台エリア'''
-* [[多田院]]
 * [[清和台]]
-* [[向陽台]]
+* [[東谷]]
+</div>
+</div>
-'''◆ けやき坂・緑台エリア'''
+<div class="category-card" id="facility">
-* [[けやき坂]]
+<h3 class="category-title">施設から探す</h3>
-* [[緑台]]
+<div class="category-actions">
+<html><a href="#facility" class="genre-toggle">施設一覧を表示</a></html>
-'''◆ 東谷・山下エリア'''
+</div>
-* [[山下町]]
+<div class="subgenres">
-* [[笹部]]
+* [[アステ川西]]
-* [[見野]]
+* [[キセラ川西]]
-'''◆ 北部・山間エリア'''
-* [[黒川]]
-* [[国崎]]
 </div>
 </div>
@@ 158行目: / 140行目: @@
 ※ 各駅・エリアページから、
 飲食店・美容・施設などのカテゴリー別一覧を見ることができます。
+__目次非表示__

2026年2月3日 (火) 18:49時点における最新版

最寄駅から探す

エリアからさがす

施設から探す