Liste déroulante articles dans jQuery

Question

J'ai une liste de 4 articles et le ul a une image d'arrière-plan qui donne l'impression que le second élément a une flèche derrière lui. Je veux être en mesure de faire défiler les éléments vers le haut ou vers le bas lorsqu'ils sont cliqués sur la position des seconds éléments. Par exemple, lorsque je clique sur le quatrième élément, toute la liste défile et le quatrième élément est alors positionné en haut de l'image. tous les autres objets seront placés dans le même ordre au-dessus. J'ai essayé d'utiliser jQuery Tools avec l'option circulaire sélectionnée, mais elle clone le premier un dernier élément et je finis avec un écart quand je suis au fond et je ne peux pas non plus rendre chaque élément sélectionnable pour faire défiler la liste ou vers le bas.

Voici le code de la liste

<div id="priceGuide"> 
    <ul id="priceRegion"> 
     <li><a href="#">North & Midlands</a></li> 
     <li><a href="#">London, north of the river</a></li> 
     <li><a href="#">London, south of the river</a></li> 
     <li><a href="#">South & South East</a></li> 
    </ul><!-- /priceRegion --> 
</div><!-- /priceGuide --> 

Toute aide est très appréciée.

Merci

Giles

Answer 1

jQuery UI .animate sonne comme il est ce que vous voulez.

http://jqueryui.com/demos/animate/