tenho essa 'tabela'
[code]<div id="accordion">
<c:if test="${empty pastas}">
<p class="sem-pastas">Nenhum arquivo disponível</p>
</c:if>
<c:forEach items="${pastas}" var="pasta">
<div id="Tit-pasta">
<h4>${pasta.dsPasta}</h4>
<span>
<c:if test="${not empty permFat.opcoes['_fat/up.delPasta.do']}">
<a href="/portalaguas/_fat/up.delPasta.do?pasta.cdPasta=${pasta.cdPasta}" class="delete-pasta">excluir</a>
</c:if>
<c:if test="${not empty permFat.opcoes['_fat/up.openEdit.do']}">
<a href="/portalaguas/_fat/up.openEdit.do?pasta.cdPasta=${pasta.cdPasta}" class="edit-pasta">editar</a>
</c:if>
</span>
</div>
<div id="Pasta">
<c:if test="${empty pasta.arquivos}">
<p class="nenhum">Nenhum arquivo</p>
</c:if>
<c:if test="${not empty pasta.arquivos}">
<c:forEach items="${pasta.arquivos}" var="arquivo">
<div id="Arquivo">
<p>${arquivo.dsArquivo}</p>
<!-- <p><a href="${arquivo.caminho}">${arquivo.nmArquivo}</a> - <a href="/portalaguas/_fat/up.delete.do?arquivo.cdArquivo=${arquivo.cdArquivo}" class="delete-file">excluir arquivo</a></p> -->
<p><a href="/portalaguas/_fat/up.down.do?arquivo.cdArquivo=${arquivo.cdArquivo}">${arquivo.nmArquivo}</a></p>
<c:if test="${not empty permFat.opcoes['_fat/up.delete.do']}">
- <a href="/portalaguas/_fat/up.delete.do?arquivo.cdArquivo=${arquivo.cdArquivo}" class="delete-file">excluir arquivo</a>
</c:if>
<p><span>Atualizado em: </span><fmt:formatDate type="both" value="${arquivo.dtAtualizacao.time}"/></p>
</div>
</c:forEach>
</c:if>
</div>
</c:forEach>
</div> <!-- fim accordion -->
quero fazer um codigo em Jquery ou qualquer outra coisa onde eu de um clique na pasta e todos os arquivos dela escondam-se
e +- assim tenho
PASTA
-arquivo
-arquivo
-arquivo
-arquivo
PASTA
-arquivo
-arquivo
-arquivo
-arquivo
PASTA
-arquivo
-arquivo
-arquivo
-arquivo
quero clicar em uma e fechar os arquivos dela
PASTA
-arquivo
-arquivo
-arquivo
-arquivo
PASTA
-arquivo
-arquivo
-arquivo
-arquivo
PASTA
obrigado!