如何使滾動jQuery的

Question

<ul id="accordion"> 
<li> 
    <a href="#" class="item popular" rel="popular"></a> 
    <ul id="inchat" class="list_friends"> 
     <li class="ch0"><img src="img/49992_720384020_1896998575_q.jpg" /></li> 
     <li class="ch1"><img src="img/48983_615523712_8495_q.jpg" /></li> 
     <li class="ch2"><img src="img/41621_717814907_4472_q.jpg" /></li> 
    </ul> 
</li> 
<li> 
    <a href="#" class="item category" rel="category"></a> 
    <ul id="inchannel"> 
     <li class="icha0"><img src="img/41403_1434825607_37944358_q.jpg"></li> 
     <li class="icha1"><img src="img/48983_615523712_8495_q.jpg"></li> 
     <li class="icha2"><img src="img/41621_717814907_4472_q.jpg"></li> 
    </ul> 
</li> 
<li> 
    <a href="#" class="item comment" rel="comment"></a> 
    <ul id="online"> 
      <li class="ol0"><img src="img/49992_720384020_1896998575_q.jpg">Francois</li> 
     <li class="ol1"><img src="img/48983_615523712_8495_q.jpg"></li> 
     <li class="ol2"><img src="img/41621_717814907_4472_q.jpg"></li> 
     <li class="ol3"><img src="img/370719_1533516291_84180615_q.jpg"></li> 
     <li class="ol4"><img src="img/49057_584817416_4750_q.jpg"></li> 
     <li class="ol5"><img src="img/41516_6421779_7771_q.jpg">Houston</li> 
     <li class="ol6"><img src="img/370579_100003045138812_21247034_q.jpg"></li> 
     <li class="ol7"><img src="img/41403_1434825607_37944358_q.jpg"></li> 
     <li class="ol8"><img src="img/275282_701018_1327443121_q.jpg"></li> 

    </ul> 
</li> 
</ul> 

我不知道如何使垂直滾動條jQuery中我想顯示三個列表，當你打一個向上或向下按鈕，它推動一個列表向上或向下 非常感謝你

Answer 1

這裏是沒有垂直效應迅速解決（你可以在工作）：
http://jsfiddle.net/WW2yg/2/

不重新發明輪子，你總是可以找到插件，已經做到這一點，像這樣的：
例如：http://tympanus.net/codrops/2011/07/22/vertical-sliding-accordion/
來源和教程：http://tympanus.net/Development/VerticalSlidingAccordion/example5.html

我希望它能幫助。

乾杯！