Note.txt

$("article").click(function () {

    var n = $("article").length;
    for (var i = 0; i < n; i++) {
        if ($("#blog" + i + i).hasClass('Split-right-Modified')) {
            $("#blog" + i + i).removeClass('Split-right-Modified').addClass('Split-right');

            break;
        }
    }
    var index = $("article").index(this);
    console.log(index);
    $("#blog" + index + index).removeClass('Split-right').addClass('Split-right-Modified');

});


.Split{
    height: 100%;
    width:50%;
    position: fixed;
    z-index: 1;
    top:0;
    overflow-x: scroll;
    padding-top: 20px;
}

.left{
    left: 0;
    background-color: rgb(17, 124, 143);
}

.right{
    right:0;
    background-color: rgb(11, 61, 126);
}

.centered{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.centered img{
    width: 150px;
    border-radius: 50%;
}

.Split-right{
    visibility:hidden;
}

.Split-right-Modified{
    visibility: visible;
}



  <div class="Split left">

    <article id = "blog0" class="Split-left First-blog">
      <h2>An Introduction to pointers in C</h2>
    </article>

    <article id = "blog1" class="Split-left Second-blog">
      <h2>C is the mother of all language</h2>
    </article>

  </div>

  <div class="Split right">

    <h2>Click on the lefthandside to see something</h2>

    <article id = "blog00" class="Split-right First-blog">

      <div class="About-firstblog">
        <p class="firstblog-text">The <strong><em>pointer</strong></em> in C language is a variable which stores the
          address of another variable. This variable can be of type int, char, array, function, or any other pointer.
        </p>
        <figure>
          <img src="pointer-memory-representation.png" id="first-image" alt="diagram of a pointer">
        </figure>
      </div>

    </article>

    <article id = "blog11" class="Split-right Second-blog">

      <div class="About-secondblog">
        <p class="secondblog-text">C is one of the most widely used programming languages of all time, and C compilers
          are available for the majority of available computer architectures and operating systems. The C language has
          formed the basis for many languages including <strong>C++, Java, JavaScript, Go, Rust, Limbo, LPC, C#, PHP,
            Python, Perl, Verilog, and C-shell.</strong></p>
        <figure>
          <img src="best-C-Programming-training-gtb-nagar-sparc-academy.jpg" id="second-image">
          <figcaption>Caption</figcaption>
        </figure>

    </article>

  </div>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <script src="index.js" charset="UTF-8"></script>