title: jQuery renders other elements on page non-responsive
body: <p>I got some help in a previous post regarding some jQuery code to have divs on a page display or be hidden depending on what was selected in a dropdown menu. That code works really well and does exactly what it's supposed to.</p>
  
  <p>The previous post: <a href="https://stackoverflow.com/questions/48386547/jquery-to-hide-divs-based-on-dropdown">jQuery to hide divs based on dropdown</a></p>
  
  <p>However, after implementing it on the page, all other elements no longer respond when clicked. It's a submissions page where users can upload their own products. I.e. they'll upload a thumbnail, some gallery images and their product.</p>
  
  <p>But after implementing the jQuery snippet, it seems all other functionality is gone. Whenever any other buttons on the page are pressed, nothing is prompted any more.</p>
  
  <p>I'm not a developer, so It's a little hard to troubleshoot. If anyone has suggestions to why this could be, I would be really grateful. I might be something simple that I've forgotten to do, something you always have to do with jQuery?</p>
  
  <p>The page in question can be found here:
  <a href="https://fn2.flippednormals.com/vendor-dashboard/?task=new-product" rel="nofollow noreferrer">https://fn2.flippednormals.com/vendor-dashboard/?task=new-product</a></p>
  
  <p>And you can login with these details</p>
  
  <p><strong>user:
  henry@mortenjaeger.com</strong></p>
  
  <p><strong>pass:
  henry@1234</strong></p>
  
  <p>I'm hoping it's a user error on my side seeing as I know absolutely nothing about jQuery and how to really implement it. Especially on a wordpress site</p>
  
  <p>And here's the jQuery code:</p>
  
  <pre><code>&lt;script src="https://code.jquery.com/jquery-1.6.4.js"&gt;&lt;/script&gt;
  &lt;script&gt;
    $(document).ready(function () {
        $('.resource-duplicate , .training-duplicate').hide();
        $('#download_tag').change(function () {
           $('.resource-duplicate , .training-duplicate').hide();
           var choice = $('#download_tag option:selected').text()
           if(choice === 'Resources'){
              $('.resource-duplicate').show();
           }
           if(choice === 'Training'){
              $('.training-duplicate').show();
           }
        })
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>Thanks!
  Morten</p>