Михаил Чирский: ну моргание из за отступов, так как когда курсор между блоками то они теряют hover.
Багом я бы это не назвал, но за ваш вариант спасибо)
Александр Котов: ну на той версии скрипта, которую я выкладывал в вопросе, вот тут: jsfiddle.net/mqf49o5h
Если кликнуть на левый блок, то откроется левый блок по которому я кликнул. Те что ниже блоки, они открываться не будут.
А в новой версии, если кликнуть на один блок, то сработают и те, что ниже.
Александр Котов благодарю. И ещё такой вопрос. В изначальном коде по клику срабатывал блок только тот по которому кликаешь. А сейчас если кликнуть скажем на левый, то часть скрипта срабатывает и на других блоках которые ниже. Это можно высстановить?)))
Да, я действительно сам себя запутал и написал много лишнего.
Но всё же, если не меняя вёрстки, можно как-то решить задачу. К примеру как ниже посоветовал Александр Котов использовать условия.
Вот именно, что они только собираются.
Но на выходе мы получаем обычный скомпилированный css.
И если через месяц мне захочется поменять, скажем, цветовую схему сайта. У меня будет 2 пути.
1) Ковырять и заменять цвета в ручную или авто заменой (но тогда можно зацепит то, что не нужно).
2) Вытаскивать код, конвертить его из CSS в Sass (если так можно), редактировать его там, потом обратно компилировать...
При наличии переменных в CSS, я зашёл в онлайн редактор который есть на любом нормальном хостинге, заменил пару значений цвета в CSS, и весь сайт сменил цветовую схему.
По моему так на много проще, удобнее и быстрей.
Если честно, попытался разобраться в чём проблема. Но в вашей вёрстке чёрт ногу сломит.
Если вы продолжите верстать в том же духе, у вас постоянно будет возникать такие проблемы. Постарайтесь подтянуть свои навыки вёрстки, это мой вам совет.
Багом я бы это не назвал, но за ваш вариант спасибо)