常連

jQueryを使用した以下のコードがあります。
このコードのjavascriptの部分、簡素化してコードを短くする事って出来るのでしょうか？

このhtmlは3人分ですが、実際はもっとあるため、とてつもなくコードが長くなってしう為、
なるべく短くしたいと思っております。

もし出来るのであれば、ご教授して頂ければ幸いです。

```html

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<button id="button1">年齢</button>
<button id="button2">出身地</button>
<button id="button3">備考</button>

<div>
<span id="name_a">名前A：</span>
<span id="age_a">年齢A</span>
<span id="address_a" style="display:none;">出身地A</span>
<span id="etc_a" style="display:none;">備考A</span>
</div>

<div>
<span id="name_b">名前B：</span>
<span id="age_b">年齢B</span>
<span id="address_b" style="display:none;">出身地B</span>
<span id="etc_b" style="display:none;">備考B</span>
</div>

<div>
<span id="name_c">名前C：</span>
<span id="age_c">年齢C</span>
<span id="address_c" style="display:none;">出身地C</span>
<span id="etc_c" style="display:none;">備考C</span>
</div>

<script>

$(function(){
	$('#button1').on('click', function(){
		$('#age_a').css('display','inline');
		$('#age_b').css('display','inline');
		$('#age_c').css('display','inline');
		$('#address_a').css('display','none');
		$('#address_b').css('display','none');
		$('#address_c').css('display','none');
		$('#etc_a').css('display','none');
		$('#etc_b').css('display','none');
		$('#etc_c').css('display','none');
	});
});

$(function(){
	$('#button2').on('click', function(){
		$('#age_a').css('display','none');
		$('#age_b').css('display','none');
		$('#age_c').css('display','none');
		$('#address_a').css('display','inline');
		$('#address_b').css('display','inline');
		$('#address_c').css('display','inline');
		$('#etc_a').css('display','none');
		$('#etc_b').css('display','none');
		$('#etc_c').css('display','none');
	});
});
 
$(function(){
	$('#button3').on('click', function(){
		$('#age_a').css('display','none');
		$('#age_b').css('display','none');
		$('#age_c').css('display','none');
		$('#address_a').css('display','none');
		$('#address_b').css('display','none');
		$('#address_c').css('display','none');
		$('#etc_a').css('display','inline');
		$('#etc_b').css('display','inline');
		$('#etc_c').css('display','inline');
	});
});
 
</script>
 
</body>
</html>
```

jQueryコードの簡素化

docker tool box をインストールして
docker を使えるようにしました。

dockerについて調べてみると
「192.168.99.100」というIPアドレスが出てきます。
例えばhttp://192.168.99.100:8080/とブラウザから
アクセスするとコンテナの8080ポートにアクセスできると
あるのですが、「192.168.99.100」というのは何の
IPアドレスなのでしょうか？

今自分の頭の中ではコンテナや仮想マシンの位置関係は
下のような認識です。

・自分のPC <--> VirtualBoxの仮想マシン <--> dockerEngine <--> コンテナ

この場合、VirtualBoxの仮想マシンに割り当てられている
IPアドレスなのでしょうか？