Здравствуйте.
Есть такая задача: Имеем контейнер в котором 10 блоков, классы у блоков чередуются: box1,box2,bo1,box2 и т.д до 12 блоков.
Задача состоит в том, пользователь должен кликнуть на блок с классом box1 и box1 - и к ним должны применяться свойства display: none; Но если пользователь выберет box1 и box2 - тогда к этим двум блокам должно применяться свойство background-color: red;
Как можно решить такую задачу с помощью JQuery и JavaScript.
Заранее спасибо.
https://jsfiddle.net/sehc2cLu/ Задача состоит в том, что нужно сначала кликнув на один блок ( припустим с цветом корал ) кликнуть второй раз на такой же блок ( с таким же цветом ) - тогда эти два блока пропадут, но если кликнуть на один блок с цветом ( корал ) и на блок с цветом ( бисквит ) - оба эти блока должны стать красными. Как это реализовать я уже 4-й час думаю ))
https://jsfiddle.net/salofun/sehc2cLu/1/ как-то так, но думаю это не самый удобный вариант, ещё нужно обыграть ситуацию при нажатие на один и тот-же блок. Про красные тоже забыл.
onclick="
if(e === undefined) //если кликаем первый раз
e=this; //то запоминаем
else{//если второй
//тут проверяем классы у первого элемента (e), и у второго (this) и делаем что хотим
e=undefined; //и делаем вид что никуда не кликали
}"
а что тут по подробнее? Весь код написать не смогу ( 1. Не помню дословно 2. Лень искать 3.Мелкие функции и сам найти сможешь (получение класса, установление свойств) ).
Если есть конкретные вопросы, то с радостью отвечу.
