JavaScript: Dynamisch Elemente ein- und ausblenden

dEUs

Hi Leute,

Ich hab hier auf einer Seite eine Checkbox und möchte gern beim onClick-Ereignis ein paar Zeilen HTML-Code einblenden bzw ausblenden.
Geht das irgendwie?

dEUs

ok, habs geschafft, der folgende Code macht genau das, was ich will:

<html>
    <head>
        <title>Test</title>
    </head>
    <body>
        <p>
            <input type="checkbox" id="edit_email" onClick="Show(document.all.edit_email.checked)">Edit E-Mail-Text
        </p>
        <div id="insert_email_text" style="display:none">
        <fieldset>
            <legend>E-Mail</legend>

            <table>
                <tr>
                    <td><label for = "message_subject">Subject (255 chars):</label></td>
                </tr>
                <tr>
                    <td><input type = "text" id = "message_subject" name = "message_subject" maxlength = "255" size = "85" value = "Subject"></td>
                </tr>
                <tr>
                    <td><label for = "message_body">Text:</label></td>
                </tr>
                <tr>
                    <td><textarea name = "message_body" rows = "20" cols = "65">Test</textarea></td>
                </tr>
            </table>
        </fieldset>
        </div>
        <script language="JScript" type="text/jscript">
        <!--
            function Show(show)
            {
                if(show)
                    Einblenden();
                else
                    Ausblenden();
            }
            function Ausblenden()
            {
               document.all.insert_email_text.style.display="none";
               document.all.insert_email_text.style.visibility = "hidden";
            }
            function Einblenden()
            {
               document.all.insert_email_text.style.display="inline";
               document.all.insert_email_text.style.visibility = "visible";
            }
        //-->
        </script>
    </body>
</html>