Question

I was checking out some sites today and came across a new CSS or JS trick that I hadn’t seen before but I really liked. I couldn’t figure out how it was done or where I could learn more about it. Here is a link to the site where I saw the effect. It happens when you click on the “sign in” button at the top. What language is used to write that code and where can I learn about it?

Answer 1

They have used simple jquery & css functions to implement this one.

This is theirs

$(document).ready(function(){
var toggleLogin = 1;
$(".toggleLogin").click(function () {
    if (toggleLogin == 1) {
        toggleLogin = 0;
        $("#login").animate({ top: 0 });
        $("#IconBenchUsername").focus();
    } else {
        toggleLogin = 1;
        $("#login").animate({ top: -43 });
    }
    $("#invisLoginArea").slideToggle();
});
});