Как сделать спойлер закрывающим

вопрос

У меня на dle спойлер открываеться и закрываеться, но первоначально он открыт, как сделать чтобы он был закрыт?
Вот стиль спойлера:

Показать / Скрыть текст


@import url(http://fonts.googleapis.com/css?family=Forum&subset=cyrillic,latin);
#spoiler {
    width:700px;
}
#spoiler_title {
    font:18px 'Forum', cursive;
    padding:2px 5px;
    color:#f0f0f0;
    cursor:pointer;
    
    /* Border Radius */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    /* Gradient */
    background: rgb(30, 115, 201);
    background: -moz-linear-gradient(90deg, rgb(30, 115, 201) 0%, rgb(90, 143, 255) 100%);
    background: -webkit-linear-gradient(90deg, rgb(30, 115, 201) 0%, rgb(90, 143, 255) 100%);
    background: -o-linear-gradient(90deg, rgb(30, 115, 201) 0%, rgb(90, 143, 255) 100%);
    background: -ms-linear-gradient(90deg, rgb(30, 115, 201) 0%, rgb(90, 143, 255) 100%);
    background: linear-gradient(90deg, rgb(30, 115, 201) 0%, rgb(90, 143, 255) 100%);
}
#spoiler_title:hover {
    background: rgb(30, 115, 221);
    background: -moz-linear-gradient(90deg, rgb(30, 115, 221) 0%, rgb(90, 143, 255) 100%);
    background: -webkit-linear-gradient(90deg, rgb(30, 115, 221) 0%, rgb(90, 143, 255) 100%);
    background: -o-linear-gradient(90deg, rgb(30, 115, 221) 0%, rgb(90, 143, 255) 100%);
    background: -ms-linear-gradient(90deg, rgb(30, 115, 221) 0%, rgb(90, 143, 255) 100%);
    background: linear-gradient(90deg, rgb(30, 115, 221) 0%, rgb(90, 143, 255) 100%);
}
#spoiler_container {
    margin:0 3px;
    border:1px solid #f0f0f0;
    padding-bottom:5px;
    
    /* Border Radius Bottom */
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    
    /* Gradient */
    background: rgb(247, 247, 255);
    background: -moz-linear-gradient(227deg, rgb(247, 247, 255) 0%, rgb(252, 252, 255) 100%);
    background: -webkit-linear-gradient(227deg, rgb(247, 247, 255) 0%, rgb(252, 252, 255) 100%);
    background: -o-linear-gradient(227deg, rgb(247, 247, 255) 0%, rgb(252, 252, 255) 100%);
    background: -ms-linear-gradient(227deg, rgb(247, 247, 255) 0%, rgb(252, 252, 255) 100%);
    background: linear-gradient(227deg, rgb(247, 247, 255) 0%, rgb(252, 252, 255) 100%);
}

#spoiler_content {
    font:16px 'Forum', cursive;
    padding:2px 5px;
    color:#333;
}

А вот html код:


<div id="spoiler">
    <div id="spoiler_title" onclick="toggle('spoiler_content')">Показать/Скрыть видео</div>
    <div id="spoiler_container">
        <div id="spoiler_content">Смотреть трейлер к игре...<br /> [xfvalue_youtube]</div>
    </div>
</div>

Помогите пожалуйста решить вопрос!

Ответил: ПафНутиЙ

.spoiler_container {
display: none;
}

<script> document.addEventListener('DOMContentLoaded', function() { const links = document.querySelectorAll('a#xfield_value'); links.forEach(link => { let href = link.getAttribute('href'); if (href) { href = href.replace(/ /g, '+'); link.setAttribute('href', href); } }); }); </script>

7 комментариев

Юзер

Uralbox - - #12716

Вставил в стили шаблона
.spoiler_container {
display: none;
}

все равно спойлер всегда открыт!

324

TheImDim - - #12717


#spoiler_container {
display: none;
}

Uralbox - - #12718

#spoiler_container {
display: none;
}

да действитель но теперь он первоначально закрыт,,но теперь он не открываеться вообще
раньше хоть и был первоначально открыт то хоть закрывался и обратно открывался

Помогите решить эту проблему!!!