title: Having Issue on Selecting Option From Hidden Box in FireFox With jQuery
body: <p>Can you please take a look at <strong><a href="http://jsfiddle.net/pkv3q4z9/1/" rel="nofollow">This Demo</a></strong> in <strong>Firefox</strong> browser(it is working fine in Chrome) and let me know why the Select option is not click-able in firefox?</p>
  
  <p>the process is like after selecting <code>international</code> radio the <code>#the-box</code> hidden button which contains a select option will dropdown. It is how ever none select-able in firefox!</p>
  
  <pre><code>$('input:radio[name=map]').on('change', function () {
      var val = $('input:radio[name=map]:checked').val();
      switch (val) {
          case 'local':
               $('#the-box').hide().removeClass('hidden').slideUp();
              break;
          case 'international':
              $('#the-box').hide().removeClass('hidden').slideDown();
              break;
  
      }
  });
  </code></pre>