title: jQuery select option show / hide for multiple elements
body: <p>Hi I have this piece of code for show and hide elements by select option, which works great for 1 element, but if I use it with more elements it doesn't work correct anymore. How can I modify it so it works for each element apart? </p>
  
  <pre><code>$(document).ready(function (e) {
  
      var $targets = $(".open_times");
  
      $(".pr_opener").change(function () {
          var i = $('option:selected', this).index();
          $targets.show().eq(i).hide();
      });
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/6yv4g/1/" rel="nofollow">http://jsfiddle.net/6yv4g/1/</a></p>