How can I make the `onclick` function just show and hide the contents within each div? This simply hides both sets of divs.

```js
function Divshow() {
  $('.show_div').hide();
  $('.hide_div').show();
  $('.show_hide').show();
}

function DivHide() {
  $('.hide_div').hide();
  $('.show_div').show();
  $('.show_hide').hide();
}
```

```html
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
  <div>
    <a onclick="Divshow()" class="show_div">Show</a>
    <a onclick="DivHide()" class="hide_div" style="display:none">Hide</a>
  </div>
  <div class="show_hide" style="display:none">Text</div>
  <div class="show_hide" style="display:none">Text2</div>
  <div class="show_hide" style="display:none">Text3</div>
  <div class="show_hide" style="display:none">Text4</div>
  <div class="show_hide" style="display:none">Text5</div>
</div>

<div>
  <div>
    <a onclick="Divshow()" class="show_div">Show</a>
    <a onclick="DivHide()" class="hide_div" style="display:none">Hide</a>
  </div>
  <div class="show_hide" style="display:none">Text</div>
  <div class="show_hide" style="display:none">Text2</div>
  <div class="show_hide" style="display:none">Text3</div>
  <div class="show_hide" style="display:none">Text4</div>
  <div class="show_hide" style="display:none">Text5</div>
</div>
```

<https://jsfiddle.net/g7zw5q2c/>