Modify css style for pseudo element :after content with Jquery

Question

I have baloon shape designed with CSS3.
JS Fiddle Example It\'s have triangle made with

:after {
    content: \"\";
}

I need to moving

Answer 1

As per this related question, you can't select the pseudo element. So I'd suggest defining additional CSS classes, and adding classes to the balloon with jQuery. E.g. use a class like this:

.pop.right:after {
    left: 80%;   
}

and apply it like this:

$('div.pop').addClass('right');

Working jsFiddle: http://jsfiddle.net/nrabinowitz/EUHAv/2/