Hide all classes called container, but the first one?

[municipal]

Hi,

I have this following code in my html page

<div class="container">
	<div ...
</div>
<div class="container">
	<div ...
</div>
... and so on

I want to be able to, through some Javascript, hide all div with the class "container" but the first one...

is it possible?

[acoder]

Do you specifically need that for any number of divs, the first one remains visible while the rest are hidden? If not, set an id for each div like so

<div id="idname" ...>

then use the following to hide a div

document.getElementById("idname").style.visibility = 'hidden';

[Romulo NF]

well.. i hope thats what you looking for:

var divs = document.getElementsByTagName("DIV");

for (x=1; x<divs.length; x++) {
if (divs[x].className=="container) {
divs[x].style.display = "none";
}
}

the loop is starting with 1 because 0 is your first div

important: that code is assuming ALL divs in your page are containers
for example if you have 5 divs.. and only 3 are containers... and the other 2 are before em in the html structure, the code will hide all the containers!

[Romulo NF]

<script>

var divs = document.getElementsByTagName("DIV");
var number = 1

	for (x=0; x<divs.length; x++) {
		if (divs[x].className=="container") {
		divs[x].order=number
			if (number>1) {
			divs[x].style.display="none";
			}		
		number = number+1
		}
	}

</script>

use something like that so you dont have to worry if you have more divs with others or without classes in the same page!

[municipal]

thanks for the reply guys, I really appreciate it.

Romulo NF: I was almost there, but didn't know I could do this:

divs[x].className=="container"

now I know and it should all work out

thanks again! :)