<div class = "container">  
  <div class="panel-group" id="accordion">
      <section class="panel panel-default">
        <header class="panel-heading">
          <h2 class="panel-title">
            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#post1">
               [開箱]Google Home 智慧喇叭音質更好,可控制更多智能設備,讓居家變得更智慧
            </a>
          </h2>
        </header>
        <footer id="post1" class="panel-collapse collapse in">
          <p class="panel-body">
            <img src="https://ds.minwt.com.tw/img/Content/3C/google-home/google-home_00.jpg"><br>
              先前已為大家介紹過Google Home mini這顆智慧型管家,同時也是一顆智慧型喇叭,雖然說透過語音,可以讓Google Home mini播放音樂、鬧鐘,與跟Google Chromecast整合在一起,甚至也可將Google Home mini變成一顆智慧型的藍牙喇叭,雖然說Google Home mini主要以智慧語音助理為主,但在播放音樂時,音質還算相當不錯,以這樣的價位,有這樣的音質,讓梅干感到相當的滿意。
              <a href="https://www.minwt.com/life/19364.html">詳全文</a>
          </p>
        </footer>
      </section>
      <section class="panel panel-default">
        <header class="panel-heading">
          <h2 class="panel-title">
            <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#post2">
              Nintendo Switch 官方推出紙模,善用瓦楞紙板,打造周邊配件省錢又環保
            </a>
          </h2>
        </header>
        <footer id="post2" class="panel-collapse collapse">
          <p class="panel-body">
            <img src="https://ds.minwt.com.tw/img/Content/life/nintendo-switch-idea/nl-01.jpg" alt=""><br>
            知名遊戲廠商Nintendo,最近幫它們家的Switch推出了一個全新的idea,將體感遊戲推向更高的境界,不需要華麗昂貴的套件,而是用環保有善的瓦楞紙來組裝,組裝的過程都有影片教學示範,不用擔心會裝錯。搭配Switch的把手體感裝置結合,不管你是要釣魚、賽車、機器人格鬥、彈鋼琴都有相對應的模組,目前公開的項目就有十多餘種,讓人看了非常心動,好像不買一台Switch都對不起小編自己了。
            <a href="https://www.minwt.com/life/19318.html">詳全文</a>
          </p>
        </footer>
      </section>
      <section class="panel panel-default">
        <header class="panel-heading">
          <h2 class="panel-title">
            <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#post3">
              新版Macbook豆腐插,不但能充筆電還能充手機、平板、相機,所有配件一顆搞定
            </a>
          </h2>
        </header>
        <footer id="post3" class="panel-collapse collapse">
          <p class="panel-body">
            <img src="https://ds.minwt.com.tw/img/Content/mac/usb-c-all-device/macbook-adapter-all-devie_00.jpg" alt=""><br>
            自從換了新款MacBook Pro時,本來心想新版只有USB-C的接頭,應該會不習慣,沒想到使用了二、三個月後,卻相當的習慣,一來是透過innowatt DOCK Pro七合一擴充槽,一次解決了所有進接埠的問題,二來是當出門在外,也真的很少連接其它的設備,大部分最常連接就是滑鼠,或是連接手機進行充電,而新版的MacBook除了筆電的連接埠全面改成USB-C外,就連變壓器也一樣,變成一個USB-C的插槽,再用USB-C充電線連接,一開始梅干對於這個充電器有點失望,除了沒有磁吸線外,再來就是原來貼心的收線的兔耳朵也不見了。
            <a href="https://www.minwt.com/mac/19286.html">詳全文</a>
          </p>
        </footer>
      </section>
    </div>
</div> <!-- end container -->
.panel-heading .accordion-toggle:before {  
    content: "-"; 
}
.panel-heading .accordion-toggle.collapsed:before {
    content: "+";
}

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js
  2. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js