Wie JS per <a> und nicht per <button> starten

[korny861]

Hallo Leute,
ich habe hier ein kleines Ein/Ausblend Script erstellt. Das funktioniert auch ganz gut, nur gefällt es mir optisch nicht, weil ich das <input type="button"> gern gegen ein per CSS editierbares <a> ersetzen würde.

Ich habe schon ein wenig rum probiert mit <a href="#"> oder ähnlichen, aber leider ohne Erfolg.
Mein Ziel ist, die DIV einfach per klick auf ein Symbol einzublenden.

Vielen Dank schon mal.

<script type="text/javascript">
        function showDIV(){
            if (document.getElementById("DIV").style.display=="none"){
                document.getElementById("DIV").style.display="";
            }
            else{
                document.getElementById("DIV").style.display="none";
            }
        }
        </script>
<input type="button" value="BEZEICHNUNG" onclick="javascript:showDIV()">
       
<div id="DIV" style="display:none">
    <p>DIV-Inhalt</p>
</div>

 

[scbawik]

Hallo Leute,
ich habe hier ein kleines Ein/Ausblend Script erstellt. Das funktioniert auch ganz gut, nur gefällt es mir optisch nicht, weil ich das <input type="button"> gern gegen ein per CSS editierbares <a> ersetzen würde.

Ich habe schon ein wenig rum probiert mit <a href="#"> oder ähnlichen, aber leider ohne Erfolg.
Mein Ziel ist, die DIV einfach per klick auf ein Symbol einzublenden.

Vielen Dank schon mal.

<script type="text/javascript">
        function showDIV(){
            if (document.getElementById("DIV").style.display=="none"){
                document.getElementById("DIV").style.display="";
            }
            else{
                document.getElementById("DIV").style.display="none";
            }
        }
        </script>
<input type="button" value="BEZEICHNUNG" onclick="javascript:showDIV()">
      
<div id="DIV" style="display:none">
    <p>DIV-Inhalt</p>
</div>

<a href="#" onclick="…"></a> ???