As you can read in the title, it's about any class or ID to increase by 1. For example: I have 3 IDs they calles id1, id2 and id3. id1 is visible but the other two are hidden. So now I want by clicking on a button that id1 is no longer visible, but is visible for id2. After clicking on next when the last id is visible it have to turn back to first.
And I want also by clicking on another button for example that id2 is not longer visible, but visible for id1 again.

**My current jQuery code:**

```
$(document).ready(function() {
    var size_ini = 1;
    var size_increase = size_ini++;        
    $("#next").click(function() {
        $("#id" + size_increase).css("display", "block");
    });
});

```

My HTML code:

```
<div>
    <p id="id1">first</p>
    <p id="id2" style="display: none;">second</p>
    <p id="id3" style="display: none;">third</p>
</div>
<button id="prev">prev</button>
<button id="next">next</button>

```

*So my question is, what do i wrong or what have i to do else to do it right.*