$('.main-header__info').click(function() {
$(this).toggleClass('main-header__info__active');
if ($(this).hasClass('main-header__info__active')) {
$('.news__block').css({
'display': 'none'
});
$('.main-header__mobile').css({
'display': 'block'
});
} else {
$('.news__block').css({
'display': 'block'
});
$('.main-header__mobile').css({
'display': 'none'
});
}
});document.querySelector('.main-header__info').onclick = function() {
this.classList.toggle('main-header__info__active'); // не знаю, действительно ли вам нужен этот класс. Если нет, то можно убрать эту строку вовсе
var blockNews = document.querySelector('.news__block'),
headerMobile = document.querySelector('.main-header__mobile'); // Можно достать из этого замыкания и выбирать разово, но тогда переменные будут глобальными
blockNews.style.display = getComputedStyle(blockNews).display === 'block' ? 'none' : 'block';
headerMobile.style.display = getComputedStyle(headerMobile).display === 'none' ? 'block' : 'none';
}
.slider::before,
.slider::after {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 666;
}
.slider::before {
left: 0;
content: attr(data-prev);
}
.slider::after {
right: 0;
content: attr(data-next);
}$sliderElement.on('init afterChange', function(e, { $slider }) {
const $active = $slider.find('.slick-active');
$slider.attr({
'data-prev': `prev: ${$active.prev().text() || 'какой-то дефолтный текст'}`,
'data-next': `next: ${$active.next().text() || 'какой-то дефолтный текст'}`,
});
})
$(".news__counter").click(function(event){
let cnt = $(this).html();
cnt = +cnt;
cnt += 1;
$(this).html(cnt);
});
$args = array(
'orderby' => 'count',
'order' => 'desc',
'exclude' => array( 1, 2 ) // Исключенные рубрики
);
$top_categories = get_categories( $args );
echo "<ul>";
foreach ( $top_categories as $category ) {
echo '<li><a href="' . get_category_link( $category->term_id ) . '">' . $category->name . ' (' . $category->count . ') </a></li>';
}
echo "</ul>";
