This most be the second most simple rollover effect, still I don\'t find any simple solution.
Wanted: I have a list of items and a corresponding lis
Here's my light-markup jQuery version:
- First slide
- Second slide
- Third slide
- Fourth slide
Well well.
Oh no!
You again?
I'm gone!
This has the advantage of showing all the slides if the user has javascript turned off, uses very little HTML markup and the javascript is pretty readable. The switchTo function takes an index number of which / display:none for the DIVs) and the sets the desired list-item and div to bold and display. As long as the client has javascript enabled, the functionality will be exactly the same as your original example.