JSFiddle - React, Tailwind, and code Playground

by Alexandros Tser

HTML

<select style="margin: 2% 0 3% 37.84%;" class="div-toggler" data-target=".Greekinfo">
              <option value="">Select game...</option>
    <option value="agwn1" data-show=".agwn1">game 1</option>
    <option value="agwn2" data-show=".agwn2">game 2</option>
    <option value="agwn3" data-show=".agwn3">game 3</option>
    <option value="agwn4" data-show=".agwn4">game 4</option>
    <option value="agwn5" data-show=".agwn5">game 5</option>
    <option value="agwn6" data-show=".agwn6">game 6</option>
    <option value="agwn7" data-show=".agwn7">game 7</option>
    <option value="agwn8" data-show=".agwn8">game 8</option>
    <option value="agwn9" data-show=".agwn9">game 9</option>
    <option value="agwn10" data-show=".agwn10">game 10</option>
    <option value="agwn11" data-show=".agwn11">game 11</option>
    <option value="agwn12" data-show=".agwn12">game 12</option>
    <option value="agwn13" data-show=".agwn13">game 13</option>
    <option value="agwn14" data-show=".agwn14">game 14</option>
    <option value="agwn15" data-show=".agwn15">game 15</option>
    <option value="agwn16" data-show=".agwn16">game 16</option>
    <option value="agwn17" data-show=".agwn17">game 17</option>
    <option value="agwn18" data-show=".agwn18">game 18</option>
    <option value="agwn19" data-show=".agwn19">game 19</option>
    <option value="agwn20" data-show=".agwn20">game 20</option>
    <option value="agwn21" data-show=".agwn21">game 21</option>
    <option value="agwn22" data-show=".agwn22">game 22</option>
    <option value="agwn23" data-show=".agwn23">game 23</option>
    <option value="agwn24" data-show=".agwn24">game 24</option>
    <option value="agwn25" data-show=".agwn25">game 25</option>
    <option value="agwn26" data-show=".agwn26">game 26</option>
    <option value="agwn27" data-show=".agwn27">game 27</option>
    <option value="agwn28" data-show=".agwn28">game 28</option>
    <option value="agwn29" data-show=".agwn29">game 29</option>
    <option value="agwn30"...

JavaScript

$('select.div-toggler').change(function(){
    var target = $(this).data('target');
    $(target).children().addClass('hide');
    var show = $("option:selected", this).data('show');
    $(show).removeClass('hide');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>