Lidt udvidet MouseOver

vi kalder over() med det id, du skriver - de elementer der skal vises, skjules hedder element1, element2 osv.

function over($id) {
    $elementer = 15; // antal af elementer (element1 - element15)
    for ($i = 1; $i <= $elementer; $i++) {
        if ($i == $id * 3 || $i == $id * 3 - 1 || $i == $id * 3 - 2) {
            $display = 'block';
        } else {
            $display = 'none';
        }
        document.getElementById('element' . $i).style.display = $display;
    }

Hov, der mangler lige en }:

function over($id) {
    $elementer = 15; // antal af elementer (element1 - element15)
    for ($i = 1; $i <= $elementer; $i++) {
        if ($i <= ($id * 3) && $i >= ($id * 3 - 2)) {
            $display = 'block';
        } else {
            $display = 'none';
        }
        document.getElementById('element' . $i).style.display = $display;
    }
}

Det burder virke, men er ikke testet

hov, læste lige forkert - du skal selvfølgelig kalde:

over(1) for at vise element 1-3
over(2) for at vise element 4-6 osv...

Du misforstod lidt. Ved link 1 skal 1,2,3 vises. Ved link 2 skal 3,4,5 vises. Men jeg rettede det selv til. Og så skiftede jeg display ud med visibility ellers hopper menuen op og ned med mouseOver.
Tak for hjælpen. Smid et svar.

For en god ordens skyld. Hele løsningen.

<script>
function skjul(){
        $elementer = 13; // antal af elementer (element1 - element15)
      for ($i = 1; $i <= $elementer; $i++) {
                document.getElementById($i).style.visibility = 'hidden';
            }
    }
function over($id) {
    $elementer = 13; // antal af elementer (element1 - element15)
    for ($i = 1; $i <= $elementer; $i++) {
        if ($i <= ($id + 1) && $i >= ($id - 1)) {
            $display = 'visible';
        } else {
            $display = 'hidden';
        }
        document.getElementById($i).style.visibility = $display;
    }
}
</script>

Jeg forsøger, at validere siderne på www.w3.org, men den brokker sig over <script> </script> delen. Hvorfor gør den det. Det skal den vel ikke validere på?

det skal hedde <script type="javascript">...</script> tror jeg nok

<script type="text/javascript"> ...

det glemte jeg

svar