Question

I need to know how can I make a page that acts like this one:

http://www.stampile.ro/comanda.php

How can I make the forms appear and disappear?

Can you show me how? I have all the forms and the radio button but I don’t know how to create something like that.

Answer 1

You can change the content of a <div> using jquery. Basicly it works like this:

$('.click').click(function() {

var content = "<img src='test.jpg'> <p>lorum ipsum ipsum ipsum </p>"
// replace the contents of the div with the new contents
$('#content-container').html(lcontent);

// cancel the default action of the link by returning false
return false;
});

See: http://jsfiddle.net/n9Vb9/

When using this in a form I want to advice you to take a look at this page: Show/hide fields depending on select value