Навигация по скрытым <div>
 

<script type="text/javascript">
function displ(b) {
    for (var a = 1; a < 6; a++) document.getElementById("d" + a).style.display = "none";
    document.getElementById("d" + b).style.display = "block"
};
</script>

<a href="javascript: displ('1')">ссылка1</a>
<a href="javascript: displ('2')">ссылка2</a>
<a href="javascript: displ('3')">ссылка3</a>
<a href="javascript: displ('4')">ссылка4</a>
<a href="javascript: displ('5')">ссылка5</a>
<a href="javascript: displ('6')">ссылка6</a>

<div id="d1" class="box" style="display: none;">ТЕКСТ1</div>
        <div id="d2" class="box" style="display: none;">ТЕКСТ2</div>
        <div id="d3" class="box" style="display: none;">ТЕКСТ3</div>
        <div id="d4" class="box" style="display: none;">ТЕКСТ4</div>
        <div id="d5" class="box" style="display: none;">ТЕКСТ5</div>
        <div id="d6" class="box" style="display: none;">ТЕКСТ6</div>

Все вроде работает но вот когда нажимаю на 6 ссылку а после на другую на страницы отображаются два дива
????

Почему <a href="javascript:..."> - плохо
Попробуйте так:

for (var a = 1; a < *!*7*/!*; a++) document.getElementById("d" + a).style.display = "none";

Не "a < 6", a "a < 7".
Удачи.