Почему не работает transform?

Question

[lynnikvadim]

function OpenMenu()
        {     
                       
                     
            if ($('.ppp').css('transform', 'translate(100px)') ) {
             $('.ppp').animate({
                   transform: 'ranslate(0px)'
                }, 100
             );
          } else {
            $('.ppp').animate({
                   transform: 'ranslate(100px)'
               }, 100
            );
            }          
        }

При первом нажатии на кнопку - трансформируется, а при повторном нажатии уже не трансформируется.

Answer 1

[Андрей Чернышев]

Во первых у вас ranslate ( не хватает буквы t).
Во вторых у вас в условии if указано действие в виде присвоения элементу transform: translate(100px).
Эта строчка:

f ($('.ppp').css('transform', 'translate(100px)') )

Добавляет стили.
В третьих лучше добавляйте css класс к элементу, а не стили напрямую, это более правильно.

Comments

[Nikolay Talanov]

Связка jQ.animate и css трансформов! Теперь кажется я видел все.

Answer 2

[Сергей]

Соглашусь с Андреем, лучше добавлять именно классы. А в классах не забудьте дописать префиксы!