[BNM] Css hidden p tags and revealing stuff

[Jason Bailey]

Hello,

I'm working with some forms that contain explantory/help text near it which 
is mostly in <p> or <ul><li> tags. Some text is also in P and UL which is 
not help and explanatory. and this is the reason for my question.

A suggestion was made (by me -oh dear!) that we should hide the 
help/explanatory text in the test system in order that the people who are 
requesting changes can start from scratch and re-write the help text and 
not see the existing stuff.

So I added the following to the CSS
p{
   visibility:hidden;
}

li{
   visibility:hidden;
}

This has worked well and perhaps a little to well as some of the text that 
is in p tags but not all still needs to be seen. The forms look fine and 
purely for documentation this is almost right.

So my question is:
what's the best method of styling to slowly (a p tag here and a UL/LI 
there) introduce text that is currently hidden? The above CSS is a global 
change to all p and li tags which is mostly correct. Can I override this in 
a few places with a local p tag or something or a specific p class? It 
would be more manual changes to go and hide all text to be hidden but not 
sure if I can reverse this and show all text that needs to be seen.

I hope this makes sense but the point I'm trying to make is that, if it's 
possible, it's less work to turn on a few bits rather than turn off (hide)

Now wondering if a bit of javascript which unhides p tags with a certain 
class.



Thanks
Jason