Hiding and unhiding 2 forms with jQuery and DIV, possible?

Hiding and unhiding 2 forms with jQuery and DIV, possible?

Hi guys I am new to these forums and to jQuery, so please be nice to me. ;)

I am in the progress of building a new website; the layout and stuff is already done for the most part, but I am having a problem with the two order forms on my website. Well not the forms themselves, more with how they appear (and disappear).

Like stat

ed I have 2 forms on my website. When coming to my website they should be hidden (standard). When someone wants to order they press the link for order form A or form B.

From here I am running into several problems.

Problem #1
I want each form only to appear when they click on a link.
For example; when a person clicks on link 1 form A appears. If they click on link 2 form B appears.

Problem #2
If form A appears and they click on link 2, than form A should disappear and form B should be visible and the other way around.

Problem #3
Is it possible to load a page within the DIV for example I want form B to include extra-info.php. Is this possible?

If I understand correctly the above would be possible with jQuery with use of hidden DIV's. But I really don't know much about Javascript to pull this of myself.

Anyone in here who can help me out and provide me with a working example?

I would be very grateful...

If something is not clear, please do no hesitate to ask me...