Magic appearance of form

JavaScript
1

Hello Friends,

I am designing a website for my company. I want to make it more dynamic. Here the help i need is regarding a form. I want to design the things as they are in website: http://www.squarespace.com/.

Here when you click on Login, a box appears magically. also when you click on Menu, a new div appears. Can someone help me please to tell how these can be done.

Thanks
Shail

2

Hi there,

Welcome to the forums :slight_smile:

The login box is just using a simple lightbox effect.
Here’s a tutorial: http://suganjayaraman.blogspot.de/2013/04/using-css-to-display-lightbox-login-form.html

The sidebar menu is probably done by hiding/revealing elements as appropriate.
Here’s how: http://stackoverflow.com/questions/5576893/how-to-toggle-hide-show-sidebar-div-using-jquery

3

Hello Pullo,

Thanks for the great help… My both problems are solved.

4