Question

I want to write some JQuery so that when I click the header ‘Terms & Conditions’ the actual terms themselves pop out from underneath the header or just reveal.

If you click on the header again, the terms hide.

Anybody know how to do this?

Answer 1

You need a bit of jQuery for this, alongside some CSS.

CSS:

#terms
{
    display: none; /*necessary*/
/*    otherstyles*/
}

jQuery:

$("#header").click(function(){
    $("#terms").toggle();
});

This should now reveal the terms element when you click the header.

Working example here.