title: Multiple css rules with ternary operator
body: <p>Within a <code>.hover()</code> event, I have the following code:</p>
  
  <pre><code>$(this).css('background-position', circle.includesXY(e.pageX, e.pageY) ? 'bottom' : '');
  </code></pre>
  
  <p>Could somebody explain how I can add more property:value pairs to <code>.css()</code> without compromising the ternary operator? If not, how should it be rewritten?</p>