update

index.html

@@ -450,12 +450,12 @@
               <div class="accordion solution-accordion mt-5" id="accordionExample">
                 <div class="accordion-item">
                   <h2 class="accordion-header" id="heading_1">
-                    <button class="accordion-button" type="button" data-bs-toggle="collapse"
+                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                       data-bs-target="#collapse_1" aria-expanded="true" aria-controls="collapse_1" data-ga="Q1_button">
                       Q1 如何挑選優質室內設計公司?
                     </button>
                   </h2>
-                  <div id="collapse_1" class="accordion-collapse collapse show" aria-labelledby="heading_1"
+                  <div id="collapse_1" class="accordion-collapse collapse" aria-labelledby="heading_1"
                     data-bs-parent="#accordionExample">
                     <div class="accordion-body">
                       1. 室內設計公司是否為政府合法立案：可以到經濟部商業司或是內政部營建署「全國建築管理資訊系統入口網」的【室內裝修業登記查詢】網站上做查詢。<br>
@@ -699,19 +699,22 @@
 
             <!-- 規格 -->
             <div class="mt-4">
-              <p class="text-center fs-4">相關規格</p>
+              <span class="d-flex align-items-baseline">
+                <p class="text-center fs-4 me-2 mb-0">相關規格</p>
+                <small>(此為參考費用,以實際報價為主)</small>
+              </span>
               <!-- <button type="button" class="btn btn-outline-primary w-100">Primary</button> -->
 
               <div class="accordion solution-accordion mt-4 spec" id="specAccordionExample">
                 <div class="accordion-item">
                   <h2 class="accordion-header" id="spec_heading_1">
-                    <button class="accordion-button" type="button" data-bs-toggle="collapse"
+                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                       data-bs-target="#spec_collapse_1" aria-expanded="true" aria-controls="spec_collapse_1"
                       data-ga="Q1_button">
                       拆除與保護工程
                     </button>
                   </h2>
-                  <div id="spec_collapse_1" class="accordion-collapse collapse show" aria-labelledby="spec_heading_1"
+                  <div id="spec_collapse_1" class="accordion-collapse collapse" aria-labelledby="spec_heading_1"
                     data-bs-parent="#specAccordionExample">
                     <div class="accordion-body">
                       <h6>拆除工程</h6>
@@ -2388,33 +2391,31 @@
       $('#columnModal .cover-img').attr("src", `${item.image}`)
     }
 
-    function setRightSidebarSticky() {
-
-      let height = $('#rightSidebar').outerHeight();
-      console.log('height', height);
-
-      $('#rightSidebar').css({
-        'position': 'sticky',
-        'top': `-${height - 935}px`
-      });
-    }
+    // function setRightSidebarSticky() {
+    //   let height = $('#rightSidebar').outerHeight();
+    //   console.log('height', height);
 
-    setRightSidebarSticky();
+    //   $('#rightSidebar').css({
+    //     'position': 'sticky',
+    //     'top': `-${height - 935}px`
+    //   });
+    // }
 
-    $(window).resize(function () {
-      console.log('重新計算右側 div 的高度:', setRightSidebarSticky());
-    });
+    // setRightSidebarSticky();
 
-    // 監聽 accordion-item 點擊事件
-    $('.accordion-item').click(function () {
-      // setRightSidebarSticky();
+    // $(window).resize(function () {
+    //   console.log('重新計算右側 div 的高度:', setRightSidebarSticky());
+    // });
 
-      $('#rightSidebar').css({
-        'position': 'static',
-        'top': '0'
-      });
-    });
+    // // 監聽 accordion-item 點擊事件
+    // $('.accordion-item').click(function () {
+    //   // setRightSidebarSticky();
 
+    //   $('#rightSidebar').css({
+    //     'position': 'static',
+    //     'top': '0'
+    //   });
+    // });
   </script>
 
   <script> // 2024/05/27 新增 FAQ 按鈕點擊 GA