closeProject:function (index) {
        $(".project-card").eq(index).css({
          "height":"100px",
        })
        console.log($(".project-card").eq(index).css("height"))
      },
      project:function (index) {
        $(".project-card").eq(index).css({
          "height":"100%"
        })
        $(".scroll").animate({
          scrollTop:document.getElementsByClassName("project-card")[index].offsetTop
        });
     
      },code above, the closeProject method cannot modify the height height to 100px. why? , the printed height is still the original height
