jquery入門—寫一個導航條(可伸縮)_jquery

1、寫一個導覽條，點選標題時，可以伸縮導航條內容，簡化內容或顯示更多內容。
範例程式碼如下：

複製程式碼 程式碼如下:

程式碼如下:

書籍分類

• 小說 ( 1110 )


• 文藝 ( 230 )


• 青春 ( 1430 )


• 兒童 ( 1560 )


• 生活 ( 870 )


• 社科 ( 1460 )


• 管理 ( 1450 )


• 電腦 ( 1780 )


• 教育 ( 930 )


• 工具書 ( 3450 )


• 引進版 ( 980 )


• 其它類 ( 3230 ) i>

簡化

2、效果圖：

點擊後：

簡化後：