Skal klikke 2 gange for at åbne/lukke <li>

Jeg har en stump kode, der på nogle <li> indeholdende hyperlinks kan hhv. vise og skjule disse en tilhørende <div>, men jeg har opdaget at jeg reelt skal klikke 2 gang på listpunktet, for at udført koden.

Hvad kan det skyldes og hvad skal jeg ændre?

<li>
    <a href="#" onclick="showhide('<?php echo $nyskema;?>');" style="width:335px;">
          Ny
    </a>
    <div id="<?php echo $nyskema;?>" style="display:block;">
          blah blah blah
    </div>
</li>

<script language="JavaScript" type="text/javascript">
<!--
var state = 'none';

function showhide(layer_ref) {
//alert(layer_ref);
    if (state == 'block') {
        state = 'none';
    } else {
        state = 'block';
    }

    if (document.all) { //IS IE 4 or 5 (or 6 beta)
        eval( "document.all." + layer_ref + ".style.display = state");
    }
   
    if (document.layers) { //IS NETSCAPE 4 or below
        document.layers[layer_ref].display = state;
    }
   
    if (document.getElementById &&!document.all) {
        hza = document.getElementById(layer_ref);
        hza.style.display = state;
    }
}
//-->
</script>