Hey,

 

Basically on this site I am making I have 4 links with a rollover (stroke). Which ever one is pressed effects the box below below it - but stays on the same page.

 

Now, I can do this really easy if it was just going to be text in these boxes, as I would just use:

 

$("#theteamrollover").click(function() {
$("#panel").html("#theteampanel");

 

Then have 1 div thats just updated with text from a hidden div.

 

However, when you load the page: http://elliothesp.co.uk/pigandrat/ you will notice there is a form and google maps embedded.

 

So the above jQuery wont work.

 

Ive been suggested to look at jQuert tabs but they seem such an effort with using lists (and then having to style the list etc.

 

Does anyone have any other suggestion to what else I could do?

Lol such an effort to use a list

Not in that way, its just I have my rollover images all set up with an id, so was hoping I didnt have to re-do them to get it sorted

 

EDIT:

 

I could sort of get it working with fadein and fadeout, but it would never fade one out then fade the other in, so it looked pretty tacky!

I've sent you a pm with the code altered any probs give me shout