Animations not working for the "work.html" file, what gives?

I was having the same issue, and it was fixed by making sure the "active" class was on the correct page. I added the "animsition-link" class from my js file instead of manually entering it on each page independently.

also here is my html and js for reference.

      <div class="row container animsition">
        <header class="row header">
          <div class="grid-third">
            <a href="index.html" class="logo"></a>
          </div>
          <div class="grid-third">
            <h1 class="description">We build apps</h1>
          </div>
          <div class="grid-third">
            <nav>
              <a href="index.html" class="active">Home</a>
              <a href="work.html">Work</a>
              <a href="team.html">Team</a>
            </nav>
          </div>

$(".animsition").animsition({
  inClass: 'fade-in-right-lg',
  outClass: 'fade-out-left-lg',
  inDuration: 500,
  outDuration: 300,
  linkElement: 'a'
});

I was having the same problem...on Chrome :-O

This is cray cray, but I switched over to my Safari browser and the animation for the work.html file works perfectly as it should. Switched back to Chrome and it doesn't work anymore. There is clearly something going on with browser compatibility or something. But the funny thing is that the index.html file and the team.html file work just as they should on Chrome (as well as on Safari).

It also looks like Dave was using Chrome in the video as well, but I can imagine this was shot some time ago, so it may have work on on Chrome once upon a time ago...

I started on Safari when I first joined Treehouse, but switched over to Chrome after seeing that most of the teachers were using Chrome.

I had this problem as well with both the team.html and work.html in the last video. If you right click on the html in the inspector you should get an option to "Edit Attribute" or "Edit as HTML". I had to add the class="animsition-link" and the <link rel="stylesheet" href="js/animsition/animsition.min.css"> file. I closed the preview window and reopened and it seems to be working fine now. Unfortunately the inClass and outClass properties are not changing for me now.

Thanks @Iain Simmons