switch ($_GET['id']) {
case '0':
echo '<some html>';
break;
case '1':
echo '<some another html>';
break;
//... и т.д.
}https://myawesomesite.com/about.php, то должны получать такую же страницу, как мы будем получать при внутренней навигации по сайту, нажав на About и использовав динамическую подгрузку.onpopstate, где обрабатываете нажатия туда-сюда в браузере
, и ;getComputedStyle(elem).displayHTMLCollection. Так что нужно по ним фором идти:for (let i = 0; i < itemMenu.length; i++) {
itemMenu[i].onclick = function() {
if (getComputedStyle(menuHeader).display === 'flex') {
menuHeader.style.display = 'none';
} else {
menuHeader.style.display = 'flex';
}
this.classList.toggle('menu-btn_active');
}
}$.animate есть функция step, срабатывающая в каждый момент времени и имеющая текущее значение прогресса.
document.addEventListener('click', function (event) {
switch (event.target.className) { // или
// var class = event.target.classList;
case 'main-header__button': // и в кейсах проверять class.contains('main-header__button')
doSomething(event.target);
break;
case '...':
...
break;
...
}
});
function doSomething(target) {
// выбрать в вашем случае относительно таргета, к примеру это сосед:
target.nextElementSibling.focus();
// выбрать в вашем случае относительно таргета, к примеру это сосед:
target.previousElementSibling.classList.add('main-header__search-active');
}var el1 = $('.lol1'),
el2 = $('.lol2');
$('.building1').on('click', function(event) {
$(el1).attr('id') ? $(el1).removeAttr('id') : $(el1).attr('id', 'lol1');
$(el2).attr('id') ? $(el2).removeAttr('id') : $(el2).attr('id', 'lol2');
// etc.
});var readMoreBtn = document.querySelector(".js-btn-readmore"),
readMoreContent = document.querySelector(".js-description-info");
readMoreBtn.addEventListener("click", function(event) {
event.preventDefault();
readMoreContent.classList.toggle("js-readmore-show");
this.textContent = this.textContent === 'Подробнее' ? 'Скрыть' : 'Подробнее';
});.sub-menu {
display: none;
}$('.btn-menu').on('click', function() {
$('.sub-menu').hide();
$(this).siblings('.sub-menu').show();
});((https?:\/\/)?(?:www\.|(?!www))[^\s\.]+\.[^\s]{2,}|www\.[^\s]+\.[^\s]{2,})<a href="http://$1">$1</a>
<div contenteditable >
<div class="class">
<p>
...
</p>
</div>
</div>