change
$(":text[name='selX'],:text[name='selY']").focusout(function(e) {
var x = $(":text[name='selX']").val();
var y = $(":text[name='selY']").val();
if ( !x || !y || !/^(0|([1-9][0-9]{0,2}))$/.test(x) || !/^(0|([1-9][0-9]{0,2}))$/.test(y) ) {
$(":text[name='selZ']").val("");
} else {
var z = parseInt(x, 10) + parseInt(y, 10);
$(":text[name='selZ']").val(z);
}
});
$("#toroku").on("click",function(){
$("span.errMsg").html('');
var x = $(":text[name='selX']").val();
var y = $(":text[name='selY']").val();
var hizuke = $(":text[name='hizuke']").val();
if ( !/^(0|([1-9][0-9]{0,2}))$/.test(x)) {
$("span.errMsg").html('Xは数値を入力してください');
}
if ( !/^(0|([1-9][0-9]{0,2}))$/.test(y)) {
$("span.errMsg").html('Yは数値を入力してください');
}
});
<style>
div.pullarrowbox span.link2{
color: red;
}
</style>
<div class="col-sm-6">
<div class="panel_copy">
<div class="pullarrowbox">
<img src="img/icon_162950_32.png" class="icon32to26"> CSS 応用
<a data-toggle="collapse" href="#rowouyou" class="pullarrow">
<button type="button" class="btn btn-gray-noshadow" aria-label="Left Align">
<span class="glyphicon glyphicon-chevron-down link2" aria-hidden="true"></span>
</button>
</a>
</div>
<div class="collapse" id="rowouyou">
<div>
<a class="list-group-item2" href="noticeBootstrap06.html">フォーム入力中をわかりやすくしよう</a>
<a class="list-group-item2" href="noticeBootstrap07.html">フォーカス時に入力エリアを伸ばす</a>
<a class="list-group-item2" href="noticeBootstrap08.html">ラジオボタンをCSSのみで装飾する</a>
<a class="list-group-item2" href="noticeBootstrap09.html">チェックボックスをCSSのみで装飾する</a>
<a class="list-group-item2" href="noticeBootstrap10.html">CSSのみで光るボタン</a>
<a class="list-group-item2" href="noticeBootstrap11.html">CSSのみでクルッと回転するボタン</a>
<a class="list-group-item2" href="noticeBootstrap12.html">CSSのみで立体的なボタン</a>
<a class="list-group-item2" href="noticeBootstrap13.html">CSSのみで背景はグラデーションボタン</a>
</div>
</div>
</div>
</div>
.glyphicon-chevron-down {
color:#555;
}