title: How to make the variable globally accessible in this case?
body: <p>CODEPEN Example
  <a href="http://codepen.io/dada78/pen/b50de869b75b32e220956bb36052733b" rel="nofollow">http://codepen.io/dada78/pen/b50de869b75b32e220956bb36052733b</a></p>
  
  <p>I am trying to figure out how to make the selectedId variable used in my highlightSelection function accessible in my function "fadeOutUnselected(notThisId)" on line 40 in the codepen?</p>
  
  <pre><code>function fadeOutUnselected(notThisId) {
  var tl = new TimelineMax();
  
  tl.to(".options:not([id=" + notThisId +"]), input[type='radio']", 0.5, {autoAlpha:0}, "getSlidesReady+=4") //fade out all options but the selected one  
  //.to("#"+ selectedId, 0.5, {y:0}) //animate selectedId option up
    .set(".options:not([id=" + notThisId +"]), input[type='radio']", {y:0})
  return tl;
  }
  </code></pre>
  
  <p>Any help appreciated. All I would like to do is animate the option the user selects ("selectedId" variable) up to position y:0.</p>
  
  <p>Thanks!</p>