I have a sample HTML page with 15 articles/snippets. I want to have for that page 3 (navigation/pagination) buttons/links: so that when page is being started 1st css button "1" is active/highlighted, (button 2/3 not highlighted), while first 5 snippets are visible, while all other snippets are hidden.
Then clicking on button 2 or 3 would highlight 2 or 3 (always 1 button is highlighted/active at the same time). When 2 is pressed only snippets 6 to 10 is visible (for 3: snippets 11-15) -- and all others are hidden.
The goal is to have a solution that can be implemented in a way so that it works for any number of buttons.
An HTML/css example file is being provided. However, no css code for the buttons yet .. need to be done as well.