Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- $(document).ready(function() {
- //Set the initial state: highlight the first button...
- $('#slidecontrols').find('li:eq(0)').addClass('selected');
- //and hide all slides except the first one
- $('#slides').find('> div:eq(0)').nextAll().hide();
- //actions that apply on click of any of the buttons
- $('#slidecontrols li').click( function(event) {
- //turn off the link so it doesn't try to jump down the page
- event.preventDefault();
- //un-highlight the buttons
- $('#slidecontrols li').removeClass();
- //hide all the slides
- $('#slides > div').hide();
- //highlight the current button
- $(this).addClass('selected');
- //get the index of the current button...
- var index = $('#slidecontrols li').index(this);
- //and use that index to show the corresponding slide
- $('#slides > div:eq('+index+')').show();
- });
- });
Add Comment
Please, Sign In to add comment