SO - 21351766

by Arun P Johny

HTML

<div id="login">
    <p id="open">Login</p>
    <form>
        <p>
            <label for="username">Username:</label>
            <input type="text" name="username" id="username" />
        </p>
        <p>
            <label for="password">Password:</label>
            <input type="text" name="password" id="password" />
        </p>
        <p>
            <input type="submit" name="button" id="button" value="Submit" />
        </p>
    </form>
</div>

CSS

.close {
    color: red;
}

JavaScript

$(document).ready(function () {
    $('#open').click(function () {
        $('#login form').slideToggle(300);
        $(this).toggleClass('close');
    });
});