sliding show/hide script - changing the bar onclick

[azyure]

Hi there,

I'm using the 'sliding show/hide script' - which is just fantastic - I just need to make it so that when i click the bar - and the content slides down - that the bar actually changes colour (basically set new styles).

Unfortunatly I'm only new to javascripting and I have a dreadfully tight deadline - is there anyone that can help or point me in the right direction?

Thanks for your time!


Cassandra

[azyure]

Hi Chris - thanks heaps for that it is exactally what I was looking for.

Did notice that it didn't change the background colour - back to it's origional - so I changed this little bit and it seems to have done the job!

}else{
this.className='dhtmlgoodies_question';
slideContent(numericId,(dhtmlgoodies_slideSpeed*-1));
dhtmlgoodies_activeId = false;
}

Thanks heaps for your help!

Cass

[azyure]

[azyure]

Hi Chris,
Sorry - I just re-copied your javascript code - and it works perfectly!

I'm testing in IE6/7/Firefox/Safari & Opera btw!

Can i bug you for a tiny bit more help - I'm actually trying to change two css styles (as I have two background images to change) - but can't seem to work out where to put it in!

Here is my page

Thanks so much for your help!

Cass

[azyure]

doh!

unfortunatly this page has to be totally accessible - so we have to use the two images so that the text can get larger - without the background distorting and breaking the text.

The only way I have been able to get these to work is nesting a div within a div and making the images background images.

Though I did also get the same result by putting an actual image (<img src"") inside the table - would this be any easier - so then instead of changing a css style - we change the src path? (does that make sense)?

Cass

[azyure]

[azyure]

OMG! hahaha

thank you so much!



*cheers*

[azyure]

[azyure]

[azyure]