Ответы пользователя по тегу CSS
  • Как выровнять элементы блока?

    @Radical0x3
    Front-End Developer
    Что-то в этом роде?
    Ответ написан
    Комментировать
  • Как правильно стилизовать кастомную пагинацию и навигацию в Swiper?

    @Radical0x3
    Front-End Developer
    Я конечно не разбираюсь в свайпере, но там же вроде можно в настройках слайдера указывать свои элементы, которые будут отвечать за навигацию/пагинацию. В данном случае видно, что пагинация и навигация находятся на одном уровне, следовательно их можно поместить в общий блок и выводить его после swiper-wrapper.
    Например,
    <div class="slider">
       <<div class="swiper-container">
          <div class="swiper-wrapper">
             <!-- твой контент -->
          </div>
          <div class="slider__controls">
             <div class="slider__nav">
                <div class="slider-button-prev">Предыдущий проект</div>
                <div class="slider-button-next">Следующий проект</div>
             </div>
             <div class="slider__pagination"></div>
          </div>
       </div>
    </div>

    И в настройках слайдера
    pagination: {
       el:  ".slider__pagination",
    },
    
    navigation: {
       nextEl:  ".slider-button-next",
       prevEl:  ".slider-button-prev",
     },
    Ответ написан
    Комментировать
  • Как сделать чтобы div показывался только на элементе на которое я нажал а не на всех сразу?

    @Radical0x3
    Front-End Developer
    Попробуйте так.
    function openServer(){
        $(".server_item_active").hide();
    
        $('.server_item').on('click', function() {
           $(this).next(".server_item_active").show();
        });
    }

    Upd. Александр прав. Я не заметил, что server_item_active вложен в server_item. Так что нужно использовать
    $(this).find('.server_item_active').show();
    Ответ написан
    Комментировать