@Mak_Pet

Как адаптировать данный код под мой html?

Песочница — https://codepen.io/dantilse/pen/oLvVeZ

Мой вариант, который не работает, т.к. не смог адаптировать код, блок LATEST WORKS. Но хочется не просто сверстать страницу, еще и немного оживить ее.


  • Вопрос задан
  • 205 просмотров
Решения вопроса 1
@Comsequent
Пишу потихоньку.
$(function() {
    // create an empty variable
    var selectedClass = "";
    // call function when item is clicked
    $(".lastest-work__nav-link").click(function(){
      // assigns class to selected item
      selectedClass = $(this).attr("data-rel");
      // hide all portfolio items
      $(".demonstration-lastest-work .demonstration-lastest-work__inner").fadeOut(300);
      // show selected category
      if(selectedClass==='all'){
        $(".demonstration-lastest-work__inner").delay(300).fadeIn(300);
      } else {
        $("." + selectedClass).delay(300).fadeIn(300);
      }
    });
  });
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы