Подскажите, что делаю не так. Хочу показать элемент, который скрыт.
<div class="admincontent3" id="admincontent3">
Hello
</div>
JavaScript:
function showAddedToBasket() {
var added_item_button = document.getElementById('admincontent3');
var displaySetting = added_item_button.style.display;
if (displaySetting == 'none') {
added_item_button.style.display = 'block';
}
}
Twig:
{% if added_to_basket == true %}
<script type="text/javascript">
showAddedToBasket();
</script>
{% endif %}
CSS:
.admincontent3{
display: none;
color:white;
font-size: 2vw;
margin-top: -50vw;
-webkit-animation: seconds 1.0s forwards;
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 1.5s;
animation: seconds 1.0s forwards;
animation-iteration-count: 1;
animation-delay: 1.5s;
}
display: none
задан для класса, и не задан для id. А скриптом вы проверяете состояниеdisplay
у id.