2

I have a logo in href eg.<div class='icon' id='2'><a href=''>logo</a></div> ,& if users click on this div id=2 , then a new big div will open just above of this div.
Basically, I'm wondering to implement the Mac system style using css/jquery. Is this possible> ![enter image description here][1]

Folks! I'm a server side programmer, and very week at GUI using jquery,css. So thought to ask your help here.

beginner
  • 665
  • 6
  • 14
  • 31
  • 2
    This is called the Genie effect, here are a couple of SO questions: http://stackoverflow.com/questions/11659147/javascript-to-minimize-div-using-genie-effect and this: http://stackoverflow.com/questions/2575919/genie-animation-javascript – stackErr Mar 28 '14 at 19:48
  • @stackErr thanks. It will be easier for me if, i can find some example demo online. – beginner Mar 28 '14 at 19:50
  • The answers and comments on those questions have some demos. – stackErr Mar 28 '14 at 19:58
  • @stackErr yeah, i can saw that! – beginner Mar 28 '14 at 20:08

1 Answers1

0

You could have your new <div> hidden by default, then use the following jQuery to slide it down:

$('#2').click(function(){ $('#newdiv').slideDown(200); });
rwadhwani
  • 46
  • 2