之前企圖使用css的方式失敗了(見收放自如的文章分類),只好改用方案1─JavaScript…:twisted:

用法很簡單…
1. 在要使用收放目錄的網頁(我就是改wp的index.php)的和中加入下列語法

<script type="text/javascript" language="javascript1.2″ src="listCollapse.js"></script>
<script type="text/javascript" language="javascript1.2″><!–
window.onload = function () {
//no auto-child-collapse
compactMenu(‘someID’,false,’± ‘);
//auto-child-collapse
compactMenu(‘someID’,true,’± ‘);
}
//–></script>

2. 然後將listCollapse.js放到和網頁相同的目錄中(我是放在wp的根目錄中)

3. 使用下列的標籤

<ul id="someID">
<li>目錄1
<ul>
<li>目錄1-1</li>
<li>目錄1-2</li>
</ul>
</li>
<li>目錄2
<ul>
<li>目錄2-1</li>
</ul>
</li>
</ul>

問題
1. 不知道我的menu前面為何會有兩個前置符號(<)
2. 好像一頁只能設定一組 id=someID

參考閱讀:原始網站

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s

%d 位部落客按了讚: