Появление формы (slide down)

[Che Guevara]

Добрый день!
Не смог объяснить гуглу то, что мне надо. На jQuery или JS можно реализовать следующее: по щелчку по ссылке появляется форма отправки данных (<FORM>). Т.е, пока пользователь не нажал на ссылку - форма скрыта, а вот при щелчке, анимированно (slide down) появляется форма. Как реализовать?

[Naive]

$('a').click(function(){$('form').slidedown();return false;})

[Виталий Желтяков]

От себя могу предложит посмотреть в сторону "аккордионов" на jQuery.

[Che Guevara]

Сначало делаю так:

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
  $(document).ready(function(){
    $("button").click(function () {
      $("p").show("normal");
    });
 });
</script>

А потом дописываю так:

<button>Show it</button>
<p style="display: none"><form method="post" ><input name="login_name" type="text" size=15><input name="login_password" type="password" size=15>
<input type="submit" class="submit1"   value=" Войти " ><input name="login_"   value="submit" type="hidden"></form></p>

Результат: в IE работает, в ФФ нет. А нужно только ФФ!

[Naive]

тег формы закрывает абзац, следовало бы сделать наоборот: внутрь формы ложить тег "p"
п.с. не хватает атрибута action

[PAAG]

Вот так у меня работает в лисе:

<script>
  $(document).ready(function(){
    $("button").click(function () {
      $("#form_div").show("normal");
    });
 });
</script>
<button>Show it</button>
<div style="display:none" id="form_div"><form method="post" ><input name="login_name" type="text" size=15><input name="login_password" type="password" size=15>
<input type="submit" class="submit1"   value=" Войти " ><input name="login_"   value="submit" type="hidden"></form></div>

Заменил p на div, добавил туда id, чтобы не все дивы показывались, а только этот конкретный.

[Naive]

Все косяки и артефакты из-за неверной верстки. Есть стандарты w3c, если им следовать, то 80% костылей и хаков не пригодились бы; однако большинство все-же предпочитает плыть "против течения" и плодить говнокод (образно, в целом, ни на кого конкретно сейчас не указываю).
Браузеры невалидный код воспринимают так, как им взбредет в голову, вы можете сверстать с использованием 100500 css-файлов под каждую версию каждого браузера. Только вот с каждой новой версией придется делать и новый стиль...