Multiple css rules with ternary operator

Question

Within a .hover() event, I have the following code:

$(this).css('background-position', circle.includesXY(e.pageX, e.pageY) ? 'bottom' : '');

Could somebody explain how I can add more property:value pairs to .css() without compromising the ternary operator? If not, how should it be rewritten?

Danil Speransky · Accepted Answer · 2012-09-01 16:06:35Z

4

.css also accepts an object:

$(this).css(circle.includesXY(e.pageX, e.pageY)
   ? {
      property1: 'value1',
      property2: 'value2'
   }
   : {
      property1: 'value3',
      property2: 'value4'
   }
);

edited Sep 1, 2012 at 16:06

Danil Speransky

30.5k6 gold badges70 silver badges78 bronze badges

answered Sep 1, 2012 at 14:02

Explosion Pills

192k56 gold badges341 silver badges417 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

verism Over a year ago

Perfect, thank you. Now I know the syntax, I should find out exactly what this means :)

Collectives™ on Stack Overflow

Multiple css rules with ternary operator

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related