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 . Ну и, разумеется, мой пример вам в помощь.

На ум приходит только пара вложенных элементов с :before :after у каждого, спозиционированных абсолютом и развернутых как надо трансформом, у каждой из сторон шестиугольника и имеющих нужные тени.

У Вас в вашем цсс файле лишняя скобка фигурная: http://joxi.ru/YmEDaWVSZ8Eb5r . Это во-первых. А во-вторых, если Вы хотите, чтобы везжало нормально, то лучше анимировать не высоту, а margin. Задайте блоку, который хотите анимировать отрицательный левый марджин в -100%. Родителю задайте overflow: hidden, чтобы блок отодвинувшийся был скрыт. Ну а по ховеру марджин в 0. И уберите абсолюты и релативы. Иначе ваш блок будет всегда высотой в 0. Почему? Потому что, когда вы блоку задаете абсолют, он перестает влиять на другие блоки вокруг, включая своего родителя, и родитель схлопнется в 0, не зависимо от того, что Вы ему указали позишен релатив, хоть 10 релативов. А потом вы дочернему задаете высоту 100%. Получается, что вы задаете высоту 100% от 0. Это сколько? Правильно, ноль. Да, и лучше даже вместо марджина использовать свойство трансформ с функцией транслэйт, что позволит анимации быть более производительной. Но тут уже надо будет иметь ввиду, что в старых браузерах работать трансформ не будет. Для старья все-равно придется использовать старый-добрый margin.

Честно говоря, проще не стало. Что на скрине является Вашим блоком, каков конечный результат Вы хотите увидеть, по прежнему не понятно. Можно более развернутый скрин? И ссылка на сайт имеется? Какой блок Вы хоть вставляете? Тот маленький, на котором teaser написано?

Что касается замечаний: У Вас на десктопе почему-то скрыта навигация, хотя на превьюшке дизайна она есть (дизайн, кстати, скачать так и не удалось - ссылки битые). Диз: http://joxi.ru/Vrwl8BoIK1EP4m Верстка Ваша: http://joxi.ru/Vm67xOySxGlaQ2 . Также я бы не задавал элементам стили какие-либо вот так: http://joxi.ru/EA4vzRNhD314Xm. Имеется ввиду именно хэдер. А что если вы будете использовать хэдер в каком-то блоке? И, например, нужно будет прижимать кверху его? Будете перебивать верхний марджин? Также лучше не писать вот так: http://joxi.ru/V2VKLNnH0bPjLA . А что если в контейнере понадобится использовать не section тэг, а див, например? Нужно будет лезть в цсс и менять название тэга на див? Лучше назначить класс каждому элементу, тогда не придется лезть в цсс и постоянно его править - не важно, какой элемент Вы используете, у него всегда будет этот класс с определенными стилями. Также проблема может возникнуть, если вы пожелаете вдруг вложить в эту секцию другую секцию, у которой стили унаследуются, что, скорее всего, будет не нужно и Вы снова будете их перебивать какими-то своими. В общем, лучше не используйте имена тэгов в качестве цсс-селекторов. Ну а в целом сверстано неплохо. Побольше практики и все будет отлично! Мой совет - попробуйте сверстать многостраничный сайт, покажите его друзьям и спросите, что бы они хотели улучшить в нем, чтобы Вам пришлось что-то переделать(а ведь в реальности клиент всегда просит что-то подправить), тогда вы прочувствуете все приведенные мной советы на практике.

Можете как-то проиллюстрировать желаемый результат? Картинку что-ли прикрепить? И что значит Ваша фраза: "как только не пробовал он постоянно либо выше сайта либо под сайтом создается", - тоже не особо понятна. А конкретно кто "он"? И выше или ниже какого "сайта"?

А на чем пишешь-то хоть? На ноде?

У вас не работает тут вот это условие: Вот так сработает (усоверщенствовал свой пример): $('a').on('click', function(){ var $parent = $(this).closest('.parent'), $aCollection = $parent .find('a') .not($parent.find('.parent a')); console.log($aCollection); });

А можно увидеть конкретный пример применительно к данному случаю? Либо я чего-то не понял, либо так не получится просто, если, конечно я правильно разобрался с постановкой задачи. Просто по этому методу в любом случае выберутся все узлы <a>. А нам нужны все, за исключением тех, которые лежат в div.parent.second На мой взгляд можно еще так: var $aCollection = $('.parent a').not( $('.parent .parent a') ); console.log($aCollection); // -> искомые узлы <a>

Если тебе интересно творчесвто Джоджа Мартина, то понравится и цикл романов Мориса Дрюона "Проклятые короли". Это историческая проза. Собственно, творчество самого Джорджа, а именно "Песнь Льда и Пламени". Также из российских писателей очень уважаю творчество Алексея Пехова. Еще понравились циклы романов Виталия Зыкова. Еще рекомендую романы "1984" и "451 градус по Фаренгейту" - это уже бессмертная классика

Что значит скачать готовый код? )) jQuery плагин - это тоже готовый код. Но можно работать с ним год, и полностью не знать, как этот плагин работает. Всех даже свойств его не знать. Не говорю про то, как он устроен. А вот платят специалистам именно за то, что они знают куда этот код тыкать как раз. Если это так просто, то чего вы сами не возьмете, и не начнете тыкать?

Не совсем понял, что значит "варианты раскладки"?

Да, сейчас увидел, что у вас блок index_27 меняет позицию. Согласен, тут либо JS поможет, либо flex.

Ну, и где вы тут видите совет использовать бутстрап? Я написал, что можно флоатами обойтись, а бутстрап привел лишь в качестве примера ввиду того, что там на флоаты используются в сетке. А что касается конкретики, так что вам, может сайт еще сверстать за вас? Вы пришли сюда за советом, так принимайте, либо не принимайте, это ваше дело. Я вам говорю, что можно было бы тут без флексбокса обойтись, учитывая вашу практику хайдить лишние элементы, либо флоатами, либо инлайн-блоками. При чем без JS. Вот с этим товарищем я согласен: Он говорил вам суть одно и то же, что и я пытаюсь сказать. Но только он приводит пример именно по бутстрапу, я же не фанат оного, поэтому реализовал бы без него. Суть в том, что вы не разбиваете просто на строки контент, а блоки идут у вас один за другим в контейнере, в общем, так же, как и у вас сейчас. На мобайлах хайдите лишние просто, и все. Так доступно?

По-моему это вы потеряли контекст Совет использовать бутстрап? Я не советовал вам бутстрап использовать, Боже вас упаси Я лишь привел пример, а не давал совет