Появляющиеся поля ввода на jQuery

http://hashcode.ru/questions/49192/%D0%BF%D0%BE%D1%8F%D0%B2%D0%BB%D1%8F%D1%8E%D1%89%D0%B8%D0%B5%D1%81%D1%8F-%D0%BF%D0%BE%D0%BB%D1%8F-%D0%B2%D0%B2%D0%BE%D0%B4%D0%B0-%D0%BD%D0%B0-jquery

HTML

<div class="log-in">
    <img src="{THEME}/images/log-in.png" alt="log-in" />
    <a href="">Войти</a>
</div>
<div class="panel">
    <form method="post" action="">
        <label for="login_name">{login-method}</label>
        <input type="text" name="login_name" id="login_name" />
        <label for="login_password">
            Пароль
            (<a href="{lostpassword-link}">Забыли?</a>):
        </label>
        <input type="password" name="login_password" id="login_password" />
        <button class="fbutton" onclick="submit();" type="submit" title="Войти">
            <span>Войти</span>
        </button>
        <input name="login" type="hidden" id="login" value="submit" />
        <a href="{registration-link}">Регистрация</a>
    </form>
</div>

CSS

.panel {
    width:200px;
    height:150px;
    background:#F00;
    display:none;
}

JavaScript

$(document).ready(
    function () {
        $(".log-in").click(
            function () {
                $(".panel").slideToggle("slow");
                return false;
            }
        )
    }
);