Question

http://jsfiddle.net/MEKRM/ This is my fiddle

I want to show / hide elements when i click Next / Previous. However, IDs will be generated dynamically(mysql echo). Any ideas how i can proceed? Thanks

Answer 1

This is what you’re looking for : http://jsfiddle.net/MEKRM/5/

I added a .block classes to the blocks in case you have any other use for the .hideme class

$(document).ready(function() {
    $('.block:first').show();
    $('#next').click(function() {
        var $block = $('.block:visible:first'); //get the block that's visible
        if ($block.next().length) { //check if you have a next and move it there
            $block.hide().next().show();
        }
    });
    $('#previous').click(function() {
        var $block = $('.block:visible:first');
        if ($block.prev().length) {
            $block.hide().prev().show();
        }
    });
});