Jquery roller/toggle effect

Posted by Paul Higgins on Stack Overflow See other posts from Stack Overflow or by Paul Higgins
Published on 2011-01-13T11:49:22Z Indexed on 2011/01/13 11:53 UTC
Read the original article Hit count: 303

Filed under:
|

Hi,

I'm looking for a "roller toggle" in jquery (ideally using a plugin). If I have the following HTML:

<ul>
    <li>Option 1</li>
    <li>Option 2</li>
    <li>Option 3</li>
</ul>

I would like the first option to be displayed and the others hidden. Each time I "tap/click" on an option it displays the next and loops around to the first one after the last one. When used on a mobile web device I'd like it respond to swipe up/down events and appear like a "roller" (i.e. using a slide up/down effect). Too much to ask? Hopefully not, any pointers appreciated.

Thanks,

Paul

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about mobile-web