xxxxxxxxxx1
<br><br>2
<br>3
<div class="container rounded text-center" style="background: #d19e40;"> <b class="toggler fw-bold text-white fs-3 text-decoration-underline w-100 d-inline-block"> Nutritional Fact </b>4
<div id="table">5
6
7
<div class="row text-white fw-light fs-5" style="border: 1px solid white;">8
<div class="col-4">9
Calories10
</div>11
<div class="col-4"></div>12
<div class="col-4">13
110 cal14
</div>15
</div>16
<div class="row text-white fw-light fs-5" style="border: 1px solid white;">17
<div class="col-4">18
Fiber19
</div>20
<div class="col-4"></div>21
<div class="col-4">22
1 grams23
</div>24
</div>25
<div class="row text-white fw-light fs-5" style="border: 1px solid white;">26
<div class="col-4">27
Potassium28
</div>29
<div class="col-4"></div>30
<div class="col-4">31
6%32
</div>33
</div>34
<div class="row text-white fw-light fs-5" style="border: 1px solid white;">35
<div class="col-4">36
Vitamin C37
</div>38
<div class="col-4"></div>39
<div class="col-4">40
80%41
</div>42
</div>43
<div class="row text-white fw-light fs-5" style="border: 1px solid white;">44
<div class="col-4">45
Sodium46
</div>47
<div class="col-4"></div>48
<div class="col-4">49
1%50
</div>51
</div>52
<div class="row text-white fw-light fs-5" style="border: 1px solid white;">53
<div class="col-4">54
Carbohydrates55
</div>56
<div class="col-4"></div>57
<div class="col-4">58
10%59
</div>60
</div>61
</div>62
</div>xxxxxxxxxx1
2
#table {3
display: none;4
overflow: hidden;5
}6
xxxxxxxxxx1
$( ".toggler" ).click(function() {2
$( "#table" ).slideToggle( "slow", function() {3
// Animation complete.4
});5
});6
Console errors: 0