摘要:jQuery UI -- Repeater & 手風琴(Accordion)效果
很簡單的範例，完全不用寫程式
直接套用就能做！
但是，基礎不穩的人，連「複製貼上」直接套用，
對您而言，都困難重重，不是嗎？
jQuery UI 與 RWD的入門介紹，網站上都講過了。
簡單的jQuery UI特效與入門 from jQuery UI官方網站
您可以參閱 松崗出版 的 「ASP.NET學習教材」這本書有專文為您解說。
基礎入門，上面文章已經說明過。
當您選用了手風琴特效 (Accordion)，只要花時間觀察 HTML碼裡面的規則
就能看出端倪！
如下圖，規則很簡單。 標題＋內文
- 標題 ---- 使用 <h3>
- 內文 ---- 使用 <div>
您知道上圖的「規則」以後，放入 Repeater控制項
讓他重複為您產生（類似幫您跑迴圈）不就好了嗎？
之前也介紹過下面範例，上課時都會講：
[習題]ASP.NET 搭配 美工人員設計好的HTML網頁 #1 -- ADO.NET + HTML
[習題]ASP.NET 搭配 美工人員設計好的HTML網頁 #2 -- Repeater
忍不住要抱怨一下：
寫程式，說要寫到天下無敵.......這個我不會
但熟練以後，加上一點巧思
或是搭配一些 "現成的"套件、效果
真的不難！
前提是：您要 懂 而且 熟練，不然無法做出變化。
您還在上網四處「撈」範例？ 乞討、撿拾人家的程式片段嗎？
還是定下心，給自己一點時間，好好「練一下」、「熟悉」一下呢？
[給讀者的話]軟土深掘 #1
一萬小時法則 -- 請放下你的速成心態！
我不知道PO這篇文章幾次了，但每次都覺得這篇文章說得好！
Bill的經典好文 -- 讀書與上課
http://www.dotblogs.com.tw/billchung/archive/2010/11/28/19767.aspx
或許是網際網路太發達且資訊已經多到爆炸，
也許有人覺得要對一門電腦技術精通 只要上網查查資料、看看別人的部落格就有機會達成這樣的目標。
我不否認應該有少數這樣具有特別天份的人，這類的人多半對於知識的組織與吸收是有獨到之處，
不過這也意味著 大部份的人 走這條路通常都會進到死胡同，
很快地將會遭遇許多技術瓶頸的挑戰。....詳見全文
您（初學者）就繼續在網路的「免費」空間流浪吧
繼續在網路上「兜」程式、「湊」片段吧！
您的人生、您的青春、您的生命，.........您自己去浪費吧！
[感想]「指揮艇，組合！」....別把寫程式當成無敵鐵金剛，用「兜」的，不會有好下場～
李智樺老師：兜兜哲學
相關的小故事：
一位佛友電話抱怨道：為什麼我努力了還是得不到？念經行善了但命運卻不變？
師：我給你寄五百塊錢來好不好？
眾：師父，你的錢我不敢要呢！
師：我是要你幫我辦一件事。
眾：師父，你說辦什麼，我絕對幫你辦好！
師：幫我買一輛汽車。
眾：(大吃一驚)師父，五百塊怎麼能買到汽車呢？！
師：你知道五百塊買不到汽車！
可是世上有太多的人都在絞盡腦汁，想付出一點，就得到很多。
我將思想傳授他人， 他人之所得，亦無損於我之所有；
猶如一人以我的燭火點燭，光亮與他同在，我卻不因此身處黑暗。----Thomas Jefferson
線上課程教學，遠距教學 (Web Form 約 51hr) https://dotblogs.com.tw/mis2000lab/2016/02/01/aspnet_online_learning_distance_education_VS2015
線上課程教學，遠距教學 (ASP.NET MVC 約 135hr) https://dotblogs.com.tw/mis2000lab/2018/08/14/ASPnet_MVC_Online_Learning_MIS2000Lab
寫信給我，不要私訊 -- mis2000lab (at) yahoo.com.tw 或 school (at) mis2000lab.net
(1) 第一天 ASP.NET MVC5 完整影片（5.5小時 / .NET 4.x版）免費試聽。影片 https://youtu.be/9spaHik87-A
(2) 第一天 ASP.NET Core MVC 完整影片（3小時 / .NET Core 6.0~8.0）免費試聽。影片 https://youtu.be/TSmwpT-Bx4I
[學員感言] mis2000lab課程評價 - ASP.NET MVC , WebForm 。 https://mis2000lab.medium.com/%E5%AD%B8%E5%93%A1%E6%84%9F%E8%A8%80-mis2000lab%E8%AA%B2%E7%A8%8B%E8%A9%95%E5%83%B9-asp-net-mvc-webform-77903ce9680b
ASP.NET遠距教學、線上課程（Web Form + MVC）。 第一天課程， "完整" 試聽。
......... facebook社團 https://www.facebook.com/mis2000lab ......................
......... YouTube (ASP.NET) 線上教學影片 https://www.youtube.com/channel/UC6IPPf6tvsNG8zX3u1LddvA/
Blog文章 "附的範例" 無法下載，請看 https://dotblogs.com.tw/mis2000lab/2016/03/14/2008_2015_mis2000lab_sample_download
請看我們的「售後服務」範圍（嚴格認定）。
......................................................................................................................................................
ASP.NET MVC => .NET Core MVC 線上教學 ...... 第一天課程 完整內容 "免費"讓您評估 / 試聽
[遠距教學、教學影片] ASP.NET (Web Form) 課程 上線了！MIS2000Lab.主講 事先錄好的影片，並非上課側錄！ 觀看時，有如「一對一」面對面講課。
