Possuo um código que lista uma div com conteúdos através do foreach e echo no php, essa div se expande conforme insiro os dados nela, já possuo também um código js show/hide que está funcionando normalmente, porém nesse caso ele mostra/esconde apenas o 1 conteúdo sendo que o foreach lista vários.
Segue os códigos utlizados para fazer isso.
Botão show/hide
if (isset( $_POST['ID'] ) ) {
echo "<div id='downloadbox'><a href=javascript:showhide('downloadlinks')>
Arquivos</a>
</div>";
}
Código para listar a div a ser escondida
foreach($files as $file){
if(!in_array($file,$exclude)){
if (trim($IDD) == trim("121")){
echo "<div id=downloadlinks>".$file."<div id=botaodownload><a href=baixar.php?arquivo=pasta/".$ID."/".$file.">Download<i class=material-icons>file_download</i></div></a>
<div id=excluir><a href=deleta.php?delete=pasta/".$ID."/".$file." onclick='deletar( this, event );'>Excluir</a></div></div>";
}else{
echo "<div id=downloadlinks>".$file."<div id=botaodownload><a href=baixar.php?arquivo=pasta/".$ID."/".$file.">Download<i class=material-icons>file_download</i></div></a></div>";
}
}
}
JS SHOWHIDE
function showhide(id) {
var e = document.getElementById(id);
e.style.display = (e.style.display == 'inline-block') ? 'none' : 'inline-block';
}