Question

Based on time i show up divs one by one.

I do this with jquery with

$("#section_"+index).show();

My divs have id’s like:
section_1, section_2, section_3 etc.

i have the var currentSection which is the id of the last one that is shown.
Now i want a hr (horizontal ruler) between the last one shown and the previous one.
And if it shows the next one the old hr should be removed and a new hr should be shown.

Can this be done with jquery?

Answer 1

In your CSS, add:

.latest {
    border-top: 1px solid #888;
}

In your JS, change you show statement to:

$('.latest').removeClass('latest');
$("#section_"+index).addClass('latest').show();