Cacher is the code snippet organizer for pro developers

//ラジオボタン、セレクトボックスの選択内容によって表示するコンテンツを変更する。

//参考にした記事
//https://humo-life.net/blog/jquery/263/
//https://teratail.com/questions/48538
//実装テスト
//http://150.60.153.156/wedding/contact/

<script>
function radioOpen() {
	$('.wrap_acc').slideDown();
}
function radioClose() {
	$('.wrap_acc').slideUp();
}
</script>

<div class="con_request">
	<form action="./#contact_form" method="post" name="contact_form" id="contact_form">
		<input type="hidden" name="mode" value="confirm" />
		<table class="tbl_primary">
			<tr class="radio">
				<th>お問い合わせ項目<span>必須</span></th>
				<td>
					<input type="radio" name="radio" value="1" onclick="radioClose()" checked>資料請求
					<input type="radio" name="radio" value="2" onclick="radioOpen()">来館予約
				</td>
			</tr>
			<tr class="day wrap_acc">
				<th>ご来館日</th>
				<td>
					<input type="text" id="datepicker" class="datepicker" name="arrival_date" value="" readonly="readonly" placeholder="例) 2017年12月1日">
				</td>
			</tr>
		</table>
	</form>
</div>