How to switch between left and right css rules using jQuery?

Question

I used css class like

.dropdown-menu{right:0;}

Now I just need to replace the css property on the client side, i.e.

.dropdown-menu{left:0;}

Answer 1

You can try:

$('.dropdown-menu').css({
  'right':'auto',
  'left': '0'
 });

Set the default value for the rule rightand the one you want forleft

Answer 2

You can do it

$(".dropdown-menu").css('right', '').css( 'left','0' )

---

try a clean javascript solution

   document.getElementsByClassName(".dropdown-menu").style.removeAttribute('right');
   $(".dropdown-menu")..css( 'left','0' )

Answer 3

removeClass() addClass() JQuery, , :

$('#MyElement').removeClass('rightClass');
$('#MyElement').addClass('leftClass');

$('#MyElement').removeClass(); .

, OP, :

.dropdown-menu-right {right:0;}
.dropdown-menu-left {left:0;}

JQuery i.e:

$('#MyDropDownMenu').removeClass('dropdown-menu-right');
$('#MyDropDownMenu').addClass('dropdown-menu-left');

, , / .

, :

http://jsfiddle.net/CatmanDoes/e213jza6/

---

JQuery - removeClass , addClass