[請益] 用jquery實現一堆目錄的less/more切換

[hanasan (低階格式化超強!!)]

最近在作網站改版.
但有一個目錄的地方地方由於資料量太大.
用土炮來排版加code實在太廢時間, 所以想用jquery來幫助排版.

Ｑ：狀況如下述...

資料大概有21個<ul>, 每一個<ul>大概有10~30左右的<li>
至於包裝這21個<ul>的容器, 是用<div>來裝, 弄成3欄7列...
簡單借用Y拍的畫面 http://tw.bid.yahoo.com/ 就是像"拍賣分類"那樣

我的css(只寫出重點部份)
<style>
div {
     width: 600px;
     margin: 0px auto;
}
div ul {
       list-style-image:none;
       display: inline-block;
       float: left;
       width: 200px;
}
div ul li {
        display: inline;
        padding-right: 0.66em;
}
html>body div ul li {
        border-right: 1px solid #000;
}
</style>
------------------------- css end -----------------------------

HTML部份

..前略
<div>
 <ul> // 第1個ul
  <li>001</li>
  ...
  <li>021</li>
 </ul>
 <ul> // 第2個ul
  ...
 </ul>
 ...
 ...
 <ul> // 第21個ul
  <li>001</li>
  ...
  <li>010</li>
 </ul>
</div>
..後略

--------------------- Problem is coming ----------------------

由於每一個ul裡的li數量不一, 有的很少有的很多
整個版排出來 很雜亂不美觀, 所以我想達成預設只留每一組UL裡的前6個li
第7個之後隱藏
並動態增加最後一個li當切換用.

我自己寫了一半, 目前似乎有達成效果了...
(但click對象不是ul裡的a而是ul本身 <囧>)
code很醜, 且在<li>裡的連結似乎失去效果了, 不知為啥???
可否請各位前輩幫幫忙檢查一下哪裡可以改進呢? <(_ _)>

http://hanasan38.myweb.hinet.net/ajax/ul.html

先謝了~

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 118.168.44.68
推 tn801534:$("ul").toggle你toggle的對象是ul所以是click ul阿= =..
→ hanasan:謝樓上~但就是因為無法指定某個ul裡的a作切換所以只好..><
推 tn801534:http://hotline.nsysu.edu.tw/test.php
→ tn801534:我暫時想到是這樣...如果不要more也是li會乾淨點
→ hanasan:再次感謝~but我想呈現的是每個ul裡li的單獨切換,非全部~
→ hanasan:more/less是不是a倒不是特別在意..只要可以click就好 :)
推 tn801534:應該是可以了...不過我的也很醜XD...
→ hanasan:t大您太謙虛了~跟我這初學者亂寫的比起來要精簡多了!Thx~
→ hanasan:原來可以用.parent("ul")來找父母喔,多學一招了,謝謝t大~