<button> уникальный id и устанавливаете событие клика на него:.....
$('#fruits-btn').on({
.....
<div style="text-align: center;"><button id="fruits-btn" class="rnd-word yellow">Фрукт</button>.....
$('#phone-btn').on({
.....
<div style="text-align: center;"><button id="phone-btn" class="rnd-word yellow">Телефон</button>substr в данном случае и искать позиции вхождения символов в строке? Можно регуляркой вытянуть без проблем:$str='
<header></header>
<p>content<p>
<footer></footer>';
preg_match('#</header>(.*?)<footer>#s', $str, $m);
$content = $m[1];
echo $content; /* <p>content<p> */@media screen and (max-width: ширина_экрана) { /* максимальная ширина экрана в пикселях меньше которой свойство будет изменено */
элемент {
margin-left: 0;
}
}id это уникальный идентификатор. Делать несколько элементов с одним id это в корне неправильно + через JQuery по id вы получите в ответ только один элемент. Используйте классы:<div class="aboutfilm">
.....
</div>
<script>
$('.aboutfilm').each(function() {
$(this).on('click', () => {
$(this).parent().find('.test').addClass('card-text-change');
$(this).parent().find('.card-text').css('opacity', '1');
$(this).css('display','none');
});
});
</script>SHIFT + CTRL + I и задавайте нужное расширение для тестов. А для верстки прописывайте в стилях ширину/высоту в процентах. Используйте медиа-запросы для задания стиля в зависимости от расширения монитора. Да и просто для начала загуглите - адаптивная верстка flex добавляйте свойство flex-flow: column nowrap говорящее о том, что элементы должны располагаться по вертикали. Но у вас вообще непонятный сумбур какой-то. Для чего эта куча div, которая там не нужна. Можно сделать проще - https://codepen.io/anon/pen/ErwLZy HTML (Pug) - CSS (Stylus) - JS (Babel) и так далее. Если используется процессор, то чтобы получить чистый код прямо в окне Codepen достаточно просто выбрать в выпадающем меню блока (стрелка вниз) пункт View Compiled ... и код будет сразу же преобразован. Преобразованный код уже можно смело вставлять к себе и он будет обрабатываться браузером по дефолту. Так же могут быть подключены дополнительные библиотеки без которых код не будет работать. Чтобы посмотреть список подключенных библиотек надо нажать на настройки блока (шестеренка) и посмотреть есть ли в списке ссылки на них. Если есть ссылки на библиотеки соответственно вам тоже нужно их подключить в код. Ну а проще всего конечно зарегистрироваться на сайте. Нажать в правом нижнем углу Export -> Export .zip и получить архив с содержимым. Соответственно index.html это будет HTML-код. В папке css будет файл с CSS-кодом. В папке js будет скрипт с JS-кодом. Все эти файлы будут на чистом коде. Если использовались дополнительные процессоры, то код под них будет в соответствующих папках. border-image - https://codepen.io/anon/pen/KJaYGR $html = 'ваша_строка';
preg_match('/"Result":(.*?),/is', $html, $m);
$result = $m[1];
var_dump($result); /* string(4) "true" */$html = 'ваша_строка';
preg_match('/CDATA\[(.*?)\]/is', $html, $m);
$json = $json = json_decode($m[1], true);
$result = $json['Result'];
var_dump($result); /* bool(true) */position: relative у элемента <ul> в .mainmenu. Ну а по хорошему конечно надо переверстать все, как уже и посоветовали :)