popup inside the same page

Question

Hi,

I need to show a page of contents inside my page.

ie; when i click on a link it will show 2 paragraphs inside a div as popup in the same page.

that popup must have a close button in it to close that div popup.

Is any one have an idea or code to help me in this

Thanks.

Answer 1

You could use something like a jQuery modal dialogue box:

• Thickbox - apparently no longer maintained.
• jQuery UI, recommended by those behind Thickbox.
• jqModal
• BlockUI
• Facebox, which looks much as you'd expect, from the name...

Answer 2

Use hide properties for your div tag.

For hiding

document.getElementById('divid').style.display='none'; 

For displaying

document.getElementById('divid').style.display='block';