Se me ocurre que con ayuda de un bucle generes a los
<div> y en cada iteración, compares el valor obtenido de la BD con el de la iteración actual, es decir:
Código PHP:
Ver original<?php
for ($i = 1; $i < 4; $i++){
if ('e' . $i == $variable) $clase = 'visible';
else $clase = 'invisible';
?>
<div id = "e<?php echo $i; ?>" class = "<?php echo $clase; ?>"></div>
<?php
}
?>
Y en tu hoja de estilos, crees dos clases: 'visible' e 'invisible'. En la primera, la propiedad
display tendrá por valor
block y en la segunda,
none.
Código CSS:
Ver original.visible{
display: block;
}
.invisible{
display: none;
}
También podrías hacerlo con JavaScript
:
Código Javascript
:
Ver originaldocument.querySelector(".visible").style.display = "block";
Y todos los demás elementos
<div> tendrías que estar previamente ocultos desde la hoja de estilos, sin embargo, la primera forma es la más eficiente y recomendada por tratarse de la manipulación de estilos.
Saludos