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! :)