Question

I have a button and I wanted (when click) to have a div appear in the middle of the screen.
The page it is on is a little long so where ever the user might be on the page – say half way down – when they click a button (that has this functionality) it will make a div appear in the middle of the screen.

How could i do this?

Answer 1

You can achieve this without plugins:

HTML:

<div id="foo">Hello, World!</div>

JS:

$("div#foo").css({
    position: "fixed",
    top: "50%",
    left: "50%",
    height: "100px",
    width: "200px",
    margin: "-50px -100px",
    background: "teal"
})
.hide().slideDown("slow");

There’s nothing wrong with using plugins, they often save time, but there’s also no substitute for knowing what the plugin is doing – in this case, what CSS it’ll be applying.

In future you should post example code otherwise it looks like you haven’t tried to answer the question yourself.