Первым делом подумал о таблице, но адаптив все портит. Как корректно отобразить эти данные таблицей при ширине 320px? Тем более что по макету правая часть должна сползать под название раздела.
@serzhei я же написал, обертка резиновая) если было бы фикс то вопросов бы не возникало, вариант с тенью я сразу отмел так как не получится сделать прозрачную тень для имуляции отступа, по крайней мере у меня не вышло. @DonSinDRom
Да, немного не то, здесь определение не точное, только города или региона. В API я нашел еще вот это api.yandex.ru/maps/jsbox/2.1/geolocation, но почему то определяет город а не улицу, хотя судя по описанию должно работать, либо я что то не понимаю.
@andreyqin перечитайте пожалуйста мой комментарий, ваш пример работает только для одиночного блока. Вот ваш пример, я добавил блоки. Кликните сразу на две ссылки. jsfiddle.net/fN63P/11
Извиняюсь если непонятно изложил в вопросе. Например есть 3 блока и 3 кнопки. Кликнули по первой кнопке, открылся первый блок, кликнули по второй, первый блок закрылся, открылся второй и т.д. При этом если кликнуть уже на кнопку открытого блока, то он должен закрыться.
Поведение обычного выпадающего меню.
На сколько я понял, чтобы этого добиться, нужно перед открытием блока сначала закрывать предыдущие, удаляя класс active. Вот это и не получается у меня.
Для картинок согласен, можно, но как тогда быть с файлом плагина, он ведь все равно будет загружаться и утяжелять страницу, вызов то все равно происходит. Соответственно смысл его грузить? Поэтому вопрос остается открытым.
Это не то. Я говорю про скрипты, в частности про инициализацию плагина. display: none; просто визуально скроет элемент, но он все равно будет грузится, тем самым делая загрузку страницы тяжелее.