[Chunk]

Hi peeps, can anyone pls help me...

i have 2 divs vertically lined on the left of the page. in the lower div i have links and in the upper div a bit of text (intro/summary shit). what i want to be able to do is that when a link in the lower div is clicked, the text in the upper div changes. so the intro text disapears and text for the clicked link appears in its place.

i've tried using anchor tags, it makes the new text (for the clicked link) appear in the upper div, but not right at the top of it, and the intro text is still there, except for the first line which has been pushed out (i wanted it all to be pushed out of the div and only show the new text - same thing to happen for every link clicked).

overflow for the upper div is set to hidden. also has no scrollbars (how i would prefer to keep it). upper div is 230px wide and 200 high.

any help will be much appreciated!

cheers,
chunk

[Jack000]

use a script like jQuery

it'll look something like:

$("a#link1").click(function(){
$("#top_div").text("this is some text");
});

[Chunk]

cheers jack, i'll give it a go!

[funkyprem]

javascript and innerHTML??

[Chunk]

the jquery thing isnt what im looking for... any way with just css. no iframes or java...

anyone??

[stickmus]

just wrap each section in a div and give that a height of 200px, should do what you need.

[Chunk]

thanks for all the replies guys.

stickmus ur a fuckin legend squire, works perfect!