[RESOLVIDO]Esconder DIVs

Front-end
#1

Galera, tô com uma dúvida sobre como eu escondo e mostro o conteúdo de todas as DIVs num clique de um botão. Eu tô fazendo assim

[code]

<c:if test="${!empty showOccurrence}">

<p align = "center"> 
<b><c:out value="${showOccurrence}" > </c:out></b>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<input type="button" value="Expandir" id="expand" onclick="showAll()"/>
<input type="button" value="Contrair" id="contract" onclick="hideAll()"/>
<input type="button" value="Gerar PDF" id="generatePdf" onclick=""/>
</p>
<br />


<c:forEach var="currrentEquipment" items="${list}">
    <a href="javascript:showHide('${currrentEquipment.name}')"> <c:out value="${currrentEquipment.sectionTitle}"></c:out> </a>
	<div class="algo" id='${currrentEquipment.name}' style="display: none;">	 
	<br />
	<c:out value='${currrentEquipment.information}' /> <br />
	</div>
	<br />     
</c:forEach>

</c:if>

[/code]

Mas não funciona, não faz nada… e aí? Alguma dica?

#2

para exibir ou esconder você deve usar o style.visibility.
Ex:

<script  language="javascript">
<!--
    function exibir( obj ){
        obj.style.visibility = "visible";
    }

    function esconder( obj ){
        obj.style.visibility = "hidden";
    }

    e = document.getElementById( "id" );
    exibir( e );
//-->
#3

desse jeito so funciona pra um cara… eu queria pra todos… qual id eu tenho q pegar pra englobar todos os divs?

#4

Ele pode usar o display também, o visibility esconde sem tirar a posição do elemento na página (fica um espaço em branco) o display já faz parecer que o elemento de fato não existe pois nem o espaço que ele ocupa fica visível.

O problema que vi, é que os DIVS são montados dentro de um forEach e no JS não tem um FOR pra esconder todos, o JS não faz o FOR sozinho quando tem mais de um elemento com o mesmo nome.

Tenta assim:

function hideAll(){  
var clas = document.getElementsByTagName(&quot;div&quot;);  

if (clas.length != null) {
    for (i = 0; i &lt; clas.length; i++) {    
        if(clas[i].className == &quot;algo&quot;){  
            clas[i].style.display = &quot;none&quot;;  
        }
    }
} else if(clas.className == &quot;algo&quot;){  
    clas.style.display = &quot;none&quot;;  
}

O if antes do FOR é porque se só tiver um DIV o JS não vai reconhecer como array e não vai passar no FOR.

Abraços,

#5

FUNFOU!!! VLW CARA

#6