title: Display a div containing a particular String
body: <p>I have a drop-down list with 3 options. These options are being echoed inside multiple div's. The heading of each of these div is either of these 3 options. How can I only display the div's containing that particular drop-down value.</p>
  
  <pre><code>&lt;select id="level"&gt;
      &lt;option value="00" selected&gt;&lt;b&gt;Default&lt;/b&gt;&lt;/option&gt;
      &lt;option value="Primaire"&gt;Primary&lt;/option&gt;
      &lt;option value="Secondaire"&gt;Secondary&lt;/option&gt;
      &lt;option value="Primaire et secondaire"&gt;Primary and Secondary&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;div class="textIc"&gt;
  
      &lt;p&gt;&lt;?php  the_sub_field('left_section_heading'); ?&gt;&lt;/p&gt;
      &lt;p&gt;&lt;?php  the_sub_field('left_section_subheading_1'); ?&gt;&lt;/p&gt;
      &lt;p&gt;&lt;?php  the_sub_field('left_section_subheading_2'); ?&gt;&lt;/p&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is the jQuery code which is not working.</p>
  
  <pre><code>$(document).ready(function () {
    $('#level').on('change', function () {
      var val = $(this).val()
      if (val == '00') {
        $(".textIc").show();
      } else {
        $("div p:not (:contains('val')").parent('textIc').hide();
      }
    });
  });
  </code></pre>