可展開/隱藏內容的 slider [Ciang Brides 黃金城]

本頁是唯讀的，您可以看到原始碼，但不能更動它。您如果覺得它不應被鎖上，請詢問管理員。
====== 可展開/隱藏內容的 slider ======
===== plugin =====
  * 概念來自 TiddlyWiki 的 slider
  * 可惡，[[doku>plugin:slider|官方這個]]果然不是我要的，搜尋 ''slider'' 無所獲；''roller''、''dropdown'' 也無所獲；搜尋到 ''toggle hide'' 才比較有相關結果
  * 原來 [[doku>plugin:wrap]] 可能就可以達成了
    * 似乎還可搭配 [[doku>plugin:togglewrap]] ☞ ++說明|{{url>https://www.dokuwiki.org/plugin:togglewrap}}++
  * <sup>20160529 //車上用手機//</sup> 也可搜尋 ''fold'' 或 ''collapse'' 之類的。剛就找到 [[doku>plugin:hidden]] ☞ ++說明|{{url>https://www.dokuwiki.org/plugin:hidden}}++
    * <sup>20160531 續找</sup> [[doku>plugin:folded]] 的語法就蠻接近 TiddlyWiki 的 InlineSliderPlugin 的感覺
    * <wrap lo>[[doku>plugin:inline_folding]]、[[doku>plugin:inline_folding2]] 都沒維護了</wrap>
    * 搜 ''collapse'' 沒找到什麼
    * 先試 folded 好了！togglewrap 和 hidden 比較麻煩
    * 另外還有 [[doku>plugin:outliner]] 或許也可試試
    * 還有依 section 摺疊的 [[doku>plugin:sectiontoggle]] ☞ ++說明|{{url>https://www.dokuwiki.org/plugin:sectiontoggle}}++
  * <sup>20160603</sup> 用了幾天的 folded 確實很不錯，不過再看了一下 tooglewrap，感覺動畫效果也挺漂亮，有機會仍可試試
  * /^20160607^/ 裝了 outliner，希望可以隱藏 included page？← 也是不行 <<泣>>
  * /^20160615^/ [[bootstrap-wrapper|Bootstrap Wrapper]] 的 collapse 元件透出一線生機？++Collapse [Lotar's Wiki]|[[http://www.lotar.altervista.org/dokuwiki/wiki/plugin/bootswrapper/collapse|（原文連結）]]
{{url>http://www.lotar.altervista.org/dokuwiki/wiki/plugin/bootswrapper/collapse}}++

===== 試用 folded =====
++++folded 官網說明|
{{url>https://www.dokuwiki.org/plugin:folded}}
++++

  * 點開++行內 folded|隱藏文字++後面的文字
  * 要注意，似乎無法在預覽模式中使用
  * 不像 TiddlyWiki slider 有華麗動畫，但堪用，語法也很簡單，讚！
  * 試了一下，iframe 也可以用在 ''%%++%%'' 內耶

++++//標籤不支援格式//|
^ 表 ^ 格 ^
| 哈 | 囉 |
++++

%%++巢狀|
++無效|哈哈++
++

|++%%

===== 試用 hidden =====
  * editor 的工具列上會有一個按鈕
  * <hidden>測試</hidden> ← 不能用在 list 裡？！全都是 block element？<div><hidden>測試，預設是<del>開啟</del>關閉的</hidden></div>（所以得用 %%<div>%% 包起來了）

===== 試用 togglewrap =====
  * <WRAP>這樣無效：
<code>{{togglewrap>#test1|測試 1}}<wrap #test1 hi>愛與和平</wrap></code>
{{togglewrap>#test1|測試 1}}<wrap #test1 hi>愛與和平</wrap>
</WRAP>

  * <WRAP><code>{{togglewrap>test1|測試 1}}<wrap test1 hi>愛與和平</wrap></code>
{{togglewrap>test1|測試 1}}<wrap test1 hi>愛與和平</wrap>
<del>也不行</del>可以了（後來可以了），可見 ''//wrapname//'' 不能有 ''#''；那反正 wrap 可以吃好幾個 class，可能第一個 class 就變成 wrapname 吧
</WRAP>

  * <WRAP>☞ ++參考一下範例：|（[[http://jonas.tuxfamily.org/wiki/playground/playground/togglewrap|連結]]{{url>http://jonas.tuxfamily.org/wiki/playground/playground/togglewrap}}++

照搬過來：
><WRAP>
{{togglewrap>section_1&checked|Show section 1}} ({{togglewrap>not_section_1|Hide section 1}})

{{togglewrap>section_A|Show section A}}

<WRAP section_1>
===== Section 1 =====

Content of section 1

<WRAP section_A>
==== Section A ====

Content of section A
</WRAP>

</WRAP>

===== Label toggler =====

{{togglewrap>label_toggle&checked|Show label A, hide label B}}

<wrap label_toggle>label A</wrap><wrap not_label_toggle>label B</wrap>
</WRAP>

<del>也不行耶！是本站的問題嗎？</del>← 好了，可以了，可能因為上面 folded 的測試文字導致 slider 沒有正確結尾，影響到下面本來應該正常運作的 togglewrap
</WRAP>

  * 不過預覽模式中仍不會有作用

===== 【問題】include 的內容都無法隱藏？ =====
  * /^20160607^/ include 進來的頁面好像無法 fold？← /^20160621^/ 發現 include 的 ''inline'' flag 正是解決此問題而生！
    * <code>++這樣引用果然不 okay|{{page>wrap}}++</code>
    * /^20160621^/ ++換行，並且加 inline 就行了|{{page>wrap&inline}}++
      * 不換行的話好像會失敗，不知為何，也許是 folded 的問題
  * 也無法 togglewrap！<code>{{togglewrap>無法隱藏}}<wrap wrap>{{page>wrap}}</wrap></code>
    * /^20160621^/ 這個即使加 ''inline'' /-目前也還沒試成功-/終於成功了：{{togglewrap>hey|可以隱藏嗎}}<wrap hey>{{page>wrap&inline}}</wrap>可以！
  * 如果加 ''inline'' flag？<code>{{page>wrap&inline}}</code> ← /^20160621^/ 當然可以，可是你之前忘記把這個宣告放到 folded/wrap 中！

outliner：/^20160621^/ 本來沒加 ''inline''，後來加 ''inline'' 試試，終於成功了：
--> 打開
{{page>wrap&inline}}
<--

===== 試用 outliner =====

--> 一般的
內容
--> 包一層
內容
<--
外面的
<--