Great Rash

Нет, только скрипты. При помощи CSS можно только запустить ту же анимацию в обратном порядке.

http://codepen.io/anon/pen/xGqaJo

Т.е. вы хотите реализовать внутри ячейки таблицы ещё одну таблицу, я правильно понимаю?

Например заюзать list-style-image.

Надо изменить структуру HTML.

#reviews-btn-1:checked ~ .reviews__itemЭта запись говорит о том что все .review__item, которые расположены после #reviews-btn-1:checked примут какой-то стиль. Но в HTML они у вас расположены не после, а до #reviews-btn-1. Логично, что ничего не работает.

Обычный alert() с этим легко справится. Возможно у вас всё время свайп определяется из-за того, что порог слишком маленький. Для этого я и хочу узнать dx и dy чему равны у вас.

Мало данных. Чему равны dx и dy? В какое условие заходит скрипт, в if или в else?

Дык можно просто прятать/показывать блок если у нас клик/свайп, смысл от этого не изменится.

Я могу помочь.

А что конкретно не работает? Стиль то хоть проставляется?

Отслеживаем координаты прикосновения к экрану: var touch = { x: 0, y: 0, threshold: 5};Вешаем на документ событие прикосновения: document.addEventListener('touchstart', function(e) { touch.x = e.changedTouches[0].clientX; touch.y = e.changetTouches[0].clientY;}, false);Над картой располагаем прозрачный <div> который будет запрещать взаимодействие с ней, на него вешаем событие отпускания пальца: div.addEventListener('touchend', function(e) { var dx = Math.abs(touch.x - e.changedTouches[0].clientX), dy = Math.abs(touch.y - e.changedTouches[0].clientY); /* * если у нас dx и dy меньше порогового значения, * то это значит, что у нас клик, а не свайп произошёл */ if (dx < touch.threshold && dy < touch.threshold) { div.style.pointerEvents = 'none'; // в таком случае позволяем кликнуть сквозь <div> } else { div.style.pointerEvents = 'auto'; // в остальных случаях запрещаем взаимодействие с картой }}, false);ХЗ заработает так или нет

http://codepen.io/anon/pen/EjNGwx

Ну вот мы вам как потенциальные пользователи и рассказываем, что нам этот ваш сайт бесполезен. Что сайтов-сборников плагинов jQuery в сети как грязи.

Вот вы и раскрыли главную причину существования вашего каталога А вовсе не альтруизм, о котором вы заявляли ранее.

В том чтобы делать русскоязычный ресурс с описанием плагинов к какому-то фреймворку, нет никакого смысла. Ибо API плагина всё равно на инглише и без знания оного горе-эникейщик всё одно ничего путного сделать не сумеет.

Я бы ещё в форму target="_blank" добавил, хоть и не валидно это...

В коде в блоке .buttons я вижу незакрытые <p>, их конечно необязательно закрывать по правилам, но вы всё же попробуйте, вдруг поможет. А то какие-то странности: инспектор показывает, что формы у вас лежат в том же блоке, а CTRL+U показывает, что они у вас в самом низу. Ну и в целом там в <p> нет необходимости.

Соберите тестовый пример с проблемным участком кода и выложите его на jsfiddle. А то разбираться в коде лень.

<input type="text" name="text" />

.header-middle ul li { position: relative; }

Яндекс ожидает GET-параметр text (yandex.ru/search/?text=какой_то_текст), а вы ему такой параметр не передаёте. Логично, что форма не работает.

Вот тут можно потестить сайт на совместимость. Там дело не ограничивается только наличием/отсутствием @media.

У блоков должна быть задана ширина. Либо переделать всё на flex-box. Либо таблицей (если поддержка ниже чем в ИЕ9 нужна).

Если ИЕ7+, то вариант, предложенный Switch74, там не заработает.