I have the code like this:
<ul>
<li><a href="#a">1</a></li>
<li><a href="#b">2</a></li>
<li><a href="#c">3</a></li>
<li><a href="#d">4</a></li>
<li><a href="#e">5</a></li>
<li><a href="#f">6</a></li>
<li><a href="#g">7</a></li>
<li><a href="#h">8</a></li>
<li><a href="#j">9</a></li>
<li><a href="#k">10</a></li>
</ul>
How to convert the list to be the only 2 dynamic button
Next and Previous like
<ul>
<li><a href="#a">Previous</a></li>
<li><a href="#b">Next</a></li>
</ul>
if (href == #a) then the previous button is disabled.
so on with the href == #k
UPDATE
HTML:
<a id="prevNav" href="#start" onclick="moveNav(-1);">Previous</a>
<a id="nextNav" href="#description" onclick="moveNav(1);">Next</a>
JS:
var nextPrevNav = new Array("#start",
"#follow",
"#test1",
"#test2");
var curpos = 0;
function moveNav(dir) {
(event.preventDefault) ? event.preventDefault() : event.returnValue = false;
curpos = curpos + dir;
if(curpos<0) {
curpos = 0;
}
//window.location.hash = nextPrevNav[curpos];
if (dir<0){
document.getElementById('prevNav').href = nextPrevNav[curpos];
}
else {
document.getElementById('nextNav').href = nextPrevNav[curpos];
}
}
This allows you to set up a simple next/previous anchor jump:
JS: