How to use jquery .animate() to mock 'text-align:right'
- by mrwienerdog
I am building a very simple jquery menu. On hover, I have a menu on the right easing to the left margin of my menu container. This is easy, as the text is left aligned within said container.
However, I also have a menu on the left, and because the links (left justified) are of differing length, the best I can do is adjust the padding to ease the text a uniform amount between links. Therefor, long link text goes to the right edge of the container, buy short text only makes it about half way.
In reading about this, I have learned that you can not modify the text align property as it is non numeric. Is there any other way to do this?
I of course tried to go with:
$('#selector').css('text-align':'right')
but that made the text jump to the right instead of ease.
Is there any way to ensure all links ease to the rightmost margin of the container?
