Как скрывать некоторые элементы от пользователя?

Question

[Иван Петров]

Здравствуйте. Как можно скрыть от пользователя описание, кусок текста, пока он не перешел на эту страницу. Например,



Сейчас пользователь на 1 шаге, и чтобы остальные шаги были без "небольшого описания...", а чтобы появлялся только когда перешел на эту страницу и прошедшие шаги тоже оставались с описанием ? Спасибо

Comments

[twobomb]

display:none; ?

[Иван Петров]

twobomb: не, ну какой инструкцией делать понятно), как это правильно можно реализовать в modx ?

Например, нахожусь на step-3, то описание видно у этой страницы и у 1 и 2, а у 4 и 5 скрыта

[Froggyweb]

От каких условий вообще зависит вывод? От этого и надо плясать модх здесь вообще не при делах он отдает то что попросили

[twobomb]

Иван Петров: Выложите код. JSFiddle или Codepen

[Иван Петров]

twobomb:

<div class="steps_cont">
                    <div class="chain_cont">
                        <div class="chain"></div>
                    </div>
                    <div class="step active">
                        <div class="head">1</div>
                        <div class="descr">[[+desc1]]</div>
                        <div class="compl">сделано</div>
                        <div class="act">в работе</div>
                    </div>
                    <div class="step">
                        <div class="head">2</div>
                        <div class="descr">[[+desc2]]</div>
                        <div class="compl">сделано</div>
                        <div class="act">в работе</div>
                    </div>
                    ...........

[Иван Петров]

Сделал 5 копий чанков, и там уже display:none скрыл.

Answer 1

[Михаил Шапшай]

подключи JQuery и укажи элементам которые нужно скрыть:
$('#el_id').hide();
el_id - id элемента

Comments

[Froggyweb]

Михаил Шапшай: т.е. в шести пунктах нужно указать ID а jquery подключать обязательно? или можно как-то иначе?

[Михаил Шапшай]

можно на ванильном как ниже указали, но так лучше. в остальном вы правы.
надо каждому присвоить id и скрывать

Answer 2

[Максим Щербаков]

document.getElementById('id').style.display = 'none'; можно использовать