Das ganze lässt sich nur mit Javascript realisieren.
Du erstellst einen Container (CSS -> position:absolute) mit noch einem Container, dessen Inhalt versteckt wird (Höhe auf 0, CSS -> overflow:hidden).
Untendrunter (so wie bei deinem Beispiel) erstellst du deinen Button und löst beim Klick eine Javascriptfunktion aus, die den oberen Container vergrößert.
Soviel zur Theorie. Wenn du CSS und Javascript drauf hast, schaffst du das denk ich mal selbst ;D
die haben das nicht selber gescriptet.
Ist ein Beispiel für ein "Drop Down Login panel" such mal bei google "Login Panel jquery" oder "Drop Down Login jquery" 
Moritz
