ACFでテキスト入力のみで、表示非表示を切り替えできるテーブルを作成

<div class="texttable">
	<div class="texttable_heading">NUTRITION FACTS</div>
	<div class="texttable_wrapper">
		<table>
    		<tr>
      			<td>エネルギー</td>
      			<td><?php the_field('add_energy'); ?>Kcal</td>
    		</tr>
    		<tr>
      			<td>たんぱく質</td>
      			<td><?php the_field('add_protein'); ?>g</td>
    		</tr>
    		<tr>
      			<td>脂質</td>
      			<td><?php the_field('add_lipid'); ?>g</td>
    		</tr>
    		<tr>
      			<td>炭水化物</td>
      			<td><?php the_field('add_carbohydrates'); ?>g</td>
    		</tr>
    		<tr>
      			<td>食塩相当量</td>
      			<td><?php the_field('add_salt'); ?>g</td>
    		</tr>
  		</table>
		<table>
			<?php if (get_field('add_calcium')): ?>
    			<tr>
      				<td>カルシウム</td>
      				<td><?php the_field('add_calcium'); ?>mg</td>
    			</tr>
			<?php endif; ?>
			<?php if (get_field('add_iron')): ?>
    			<tr>
      				<td>鉄分</td>
      				<td><?php the_field('add_iron'); ?>mg</td>
    			</tr>
			<?php endif; ?>
			<?php if (get_field('add_fiber')): ?>
    			<tr>
      				<td>食物繊維</td>
      				<td><?php the_field('add_fiber'); ?>mg</td>
    			</tr>
			<?php endif; ?>
			<?php if (get_field('add_vitamina')): ?>
    			<tr>
      				<td>ビタミンA</td>
      				<td><?php the_field('add_vitamina'); ?>mg</td>
    			</tr>
			<?php endif; ?>
			<?php if (get_field('add_vitaminb')): ?>
    			<tr>
      				<td>ビタミンB</td>
      				<td><?php the_field('add_vitaminb'); ?>mg</td>
    			</tr>
			<?php endif; ?>
			<?php if (get_field('add_vitaminc')): ?>
    			<tr>
      				<td>ビタミンC</td>
      				<td><?php the_field('add_vitaminc'); ?>mg</td>
    			</tr>
			<?php endif; ?>
			<?php if (get_field('add_vitamind')): ?>
    			<tr>
      				<td>ビタミンD</td>
      				<td><?php the_field('add_vitamind'); ?>mg</td>
    			</tr>
			<?php endif; ?>
			<?php if (get_field('add_caffeine')): ?>
    			<tr>
      				<td>カフェイン</td>
      				<td><?php the_field('add_caffeine'); ?>mg</td>
    			</tr>
			<?php endif; ?>
  		</table>
	</div>
</div>

.texttable{
	margin: auto;
	width: 80%;
	height: auto;
	max-width: 1800px;
}

.texttable .texttable_heading{
	margin: auto;
	margin-bottom: 1.5em;
	border-bottom: solid 1px #272727;
	font-size: 1.7em;
	line-height: 1.2;
	font-weight: 500;
	letter-spacing: 0.1em;
	padding-bottom: 0.5em;
}
	
.texttable_wrapper{
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	justify-content: space-between;
}

.texttable_wrapper table,tr,td {
    border-collapse:  collapse; 
    border-spacing: 0;
	padding: 0;
	margin: 0;
}
	
.texttable_wrapper table{
	width: 48%;
}
	
.texttable_wrapper  tr :last-child {
	text-align: right;
}
	
.texttable_wrapper  td{
	border-bottom: solid 1px #ddd;
	padding: 1em 0;
}