Правильная конструкция

[Schamil74]

Всем привет!

Уважаемые гуру JS!  В примере все работает, но с JS пока на вы. Помогите собрать правильную конструкцию в JS части

 

[klierik]

15 часов назад, Schamil74 сказал:

Помогите собрать правильную конструкцию в JS части

что такое "правильная конструкция" ?

[Schamil74]

Да, нужно было все таки не указывать данное словосочетание))) Правильная конструкция -  правильный (валидный) код. Две части кода соединить в один что-ли.

Я понимаю, что могу объяснять не совсем корректно, используя не те термины.

[klierik]

я не понимаю в чем задача или проблема.

[yardim]

Если хотите узнать как правильно, то вот так: 

В чем отличия от вашего примера:

• Не понятно зачем вы тогглите вот тут класс "active" которы вообще не делает никакой абсолютно полезной работы: http://joxi.ru/eAO0x6NFx7qn0r
• А позже вот здесь  на нативном js (нативном - это значит, без использования jQuery или других стронних библиотек) делаете, в сущности, то же самое, что делает вот этот jquery-метод toggleClass http://joxi.ru/GrqdDB9uQ8JJEA . Только в этот раз вы добавляете класс "is-active", на который у вас уже навешаны стили, в отличие от класса "active", о котором я говорил выше.

Следовательно, все, что нужно было вам сделать, чтобы это было правильно, так это заменить класс "active" вот этот:  http://joxi.ru/eAO0x6NFx7qn0r на класс "is-active" отсюда http://joxi.ru/L21pqJdu8WZJvm . 

И тогда можно удалить непонятно откуда (скорее всего из того же jQuery) выдернутую функцию и к тому же зааглифаенную (читать, что такое uglify) и весь тот лишний несусветный бред, который вы настроили вокруг этой выдернутой функции: http://joxi.ru/v29dzynu3OkWym .

Ну и, разумеется, мой пример вам в помощь.

Edited May 17, 2017 by yardim

[Schamil74]

То, что хотел. Большое спасибо!