I realise similar questions have been asked but I feel my setup is slightly different to the ones I have seen. I have the following markup:

```js
$("#oneLink").on('click', function(e){
  e.preventDefault();
  $('#oneLinkText').toggleClass('checked').siblings().removeClass('checked');
});

$("#twoLink").on('click', function(e){
  e.preventDefault();
  $('#twoLinkText').toggleClass('checked').siblings().removeClass('checked');
});

$("#threeLink").on('click', function(e){
  e.preventDefault();
  $('#threeLinkText').toggleClass('checked').siblings().removeClass('checked');
});
```

```css
.text-area {
display: none;
}

.checked {
display: block;
}

#oneLinkText {
background-color: red;
}

#twoLinkText {
background-color: green;
}

#threeLinkText {
background-color: blue;
}
```

```html
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container">
        <div class="row">
          <div class="col-sm-6 col-lg-9">
            <div class="links-container">
              <a id="oneLink" href="#">Link 1</a>
              <a id="twoLink" href="#">Link 2</a>
              <a id="threeLink" href="#">Link 3</a>
            </div>
          </div>
          <div class="text-content-container col-sm-6 col-lg-3">
            <div id="oneLinkText" class="text-area">
              <p>
                Some Text
              </p>
              <a class="button button-std" href="#">Text</a>
            </div>
            <div id="twoLinkText" class="text-area">
              <p>
                Some Text
              </p>
              <a class="button button-std" href="#">Text</a>
            </div>
            <div id="threeLinkText" class="text-area">
              <p>
                Some Text
              </p>
              <a class="button button-std" href="#">Text</a>
            </div>
          </div>
        </div>
      </div>
```

Now, the area where I am having an issue is making the click relate to the corresponding text area without the current duplication of code that I have. I can recognise this is highly inefficient. So for example, clicking on `#oneLink` displays `#oneLinkText` and removes the class from all other `.text-area`.

Is this type of cross-referencing possible without the duplication?