CODEWITHSUNDEEP
jquerycssmarginslidetoggle
user2212564
user2212564

Reputation: 261

jQuery: when slider form slides down its sliding from the top

I have a standard drop-down form that you click the link and it brings the form down.

The issues i am having are that:

1) When you click on the icon to drop the box down, it slides from the top of the div rather than from below (see my link as an example). I have tried adding a margin top to the hidden div so it slides down under the icon and also a z-index but nothing seems to happen. Silly thing is that i have a similar icon on the site that i have got to work this way but when applying the same styling to this icon slider it doesn't appear to apply!

Any help would be much appreciated.

Link: http://jsfiddle.net/kyBRZ/3/

$(this).find('form').slideToggle();

Upvotes: 0

Views: 266

Answers (1)

Pumpkinpro
Pumpkinpro

Reputation: 847

One of the ways to solve it.

   #like form {
        position:relative;
        top:50px;
        display:none;
        width:180px;
        background:#ebece7;
        padding:20px;
        border:1px solid blue;
        height:150px;
    }

jsfiddle

Upvotes: 1

Related Questions