Как упростить (заменить)

Question

[hadra]

<div class="tv"><div class="date">1</div><div class="spoiler clear">Текст 1</div></div>
<div class="tv"><div class="date">2</div><div class="spoiler clear">Текст 2</div></div>
<div class="tv"><div class="date">3</div><div class="spoiler clear">Текст 3</div></div>
<script>
(function(){
    var active = null;
    var onclick = function() {
        var block = this.parentNode.querySelector('.spoiler');
        if (active !== null) {
            active.className += ' clear';
            if (active === block) {
                active = null;
                return;
            }
            active = null;
        }
        block.className = 'spoiler';
        active = block;
    }
    var togglers = document.querySelectorAll('.tv .date');
    for (var i = 0, toggler; toggler = togglers[i]; i++) {
        toggler.onclick = onclick;
    }
})();
</script>

Comments

[hadra]

4 класса, это много.. как убрать 2 ?
может еще какие-то есть альтернативы...

[Crash]

@hadra стили нужно смотреть, какие классы отвечают за отображение. Не просто так они же здесь прописаны

[hadra]

@Bandicoot Я писал, я знаю что за что отвечает. Вопрос в другом.. можно ужать? может что-то лишнее?

Answer 1

[hadra]

решение найдено

Answer 2

[Роман Мисюра]

Если я Вас правильно понял, то Вам необходимо что-то на подобии https://jqueryui.com/accordion/
sandbox.scriptiny.com/javascript-accordion
www.p51labs.com/accordion
www.elated.com/articles/javascript-accordion - вот это должно помочь.

Comments

[hadra]

Жиррр...
Много весят

[hadra]

@MindMinimal А так можно подумать в сторону анкора )

[Роман Мисюра]

@hadra так-то если используете в проекте jQuery то код маленький есть всегда. А 4-я ссылка должна действительно помочь. Там кода мало, думаю это именно то, что Вы искали.

[hadra]

@MindMinimal Так-то вы правильно мыслите.. если выжимать из библиотеки все, то она на оборот выигрышный вариант.. а вот когда только 1на функция... то сам понимаете... С g-zip это около 24 кб.. но все равно.

Я хочу переделать и сделать c помощью ajax...
И уже при выборе подгружать следующий массив.
Как это лучше всего реализовать ? Вариантов много, и они не идеальные.

[Роман Мисюра]

@hadra предлагайте пока варианты какие есть, люди посмотрят и скажут мнение.