Why, when running on Open Server, the code that is not saved is executed?

Question

css

Tell me, please, what is the problem.
There is a project. Everything on the open server so that $().load would work.
There are 2 columns.

<div class="wrapper">
        <main>
            <section  class="menu">
                <nav>
                    <ul>
                        <li class="current"><a  href="pages/about.html" id="aboutLink">About</a></li>
                        <li><a href="pages/portfolio.html" id="portfolioLink">Porfolio</a></li>
                        <li><a href="pages/contact.html" id="contactLink">Contact</a></li>
                        <li><a href="pages/blog.html" id="blogLink">Blog</a></li>
                       </ul>
                </nav>
            </section>
            <section class="content" id="content">
              
               LOREM IPSUM
            </section>
        </main>
    </div>

By clicking on the link on the left side, on the right side, using JQ $().load, certain content is loaded from other mini pages. Example.

<div id="about" class="animated fadeIn">
    <div class="content__info" id="content__info">
        <h2>Lorem.</h2>
        <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Laudantium fugiat, quisquam facilis repellat praesentium omnis eveniet deserunt quaerat. Soluta a eaque sunt voluptas sint in harum quidem quas molestias incidunt!</p>
        <img src="img/img-face.png" alt="">
    </div>
    
    <div class="content__button">
        <button><a href="#">Hire me</a> </button>
    </div>
    
    <div class="content__contact">
        <div>
            <i class="fab fa-vk"></i>
            <p>vk.com/placeholder</p>
        </div>
        <div>
            <i class="fab fa-google"></i>
            <p>[email protected]</p>
        </div>
        <div>
            <i class="fab fa-yandex"></i>
            <p>[email protected]</p>
        </div>
    </div>
</div>

On each page, the div has an appearance animation . Having written 1 page, I set the fadeInLeft animation. Works great. Then I added 3 more similar pages with the same animation. All 4 pages appeared with a fadeInLeft animation. Next, I changed all the animations to fadeIn and threw everything on the open server. Now pages 2, 3 and 4 appear with the fadeIn animation as they should, and 1 with the fadeInLeft animation that was at the very beginning, but has already been changed. Moreover, in viewing the element code, all pages have an animation of the appearance of fadeIn, and for some reason 1 has fadeInLeft . I replaced all the files and when you open it in the code editor, it costs what you need. Yes, even if you completely delete this page, it still shows it, although it should not be there.
<div id="about" class="animated fadeIn">
When other pages change, they react normally and change.
It’s as if this skewed page has been preserved somewhere and he takes it from there, and not the one that I give him.
Why is the set animation ignored and the one that no longer exists is played?

Answer 1

Found a solution. The browser cached this page for some reason. Disable cache helped

Answer 2

Hello, it's not entirely clear where the open server has to do with it. How do you pass values ​​to div, by class? Can you post a code example? Through for you run through the divs?