How to toggle buttons with div blocks appearing?

Question

Google Webmaster Tools

How to arrange switching buttons with the appearance of different div blocks?
I designed it this way so far: https://jsfiddle.net/0g9brhj2/
How to simplify and make the switch, I don’t understand.

Answer 1

If my memory serves me right, at the root of the site there should be a sitemap file called sitemap.xml , and already in it (if there is such a need), place links to other maps.
Your screenshots show that you placed it in a separate directory with a different name. Try renaming it to sitemap.xmland putting it in the root of the site.
To make it look something like this:

Answer 2

$('.content__buttons').on('click', 'button', function() {
  $('.content__slides > div').hide().eq($(this).index()).show();
});