Помилка Jquery анімації - javascript, jquery, css, кнопка, jquery-анімація

це "зараз 3 ранку, і я" не найкращий в jquery, може хтось скаже мені, яку дурну помилку я роблю?

У мене це є у jsfiddle тут: http://jsfiddle.net/JamesKyle/7GWRp/

Там "s kink у css переходах, які не" tдозволити їх використовувати на: до або після елементів, тому я намагаюся вирішити спосіб за допомогою jquery, який вже використовується на сторінці. В основному це три стану css: нормальний, наведення курсора та активний.

(Я намагаюся оживити трохи блиску вгорі)

$(document).ready(function() {

$(".button:before").mouseover(function() {
$(this).animate({
left: "0px",
opacity: 1
}, 100);
});
$(".button:before").click(function() {
$(this).animate({
left: "30px",
opacity: 0
}, 100);
});
$(".button:before").mouseout(function() {
$(this).animate({
left : "-30px",
opacity : "1"
}, 100);
});

});

Відповіді:

Вирок тут полягає в тому, що, оскільки псевдоелементи не є частиною DOM, вони не можуть бути безпосередньо націлені на jQuery.

Вставка фізичного елемента типу <div class="button gray"><span></span>Button</div> мені здається найпростішим рішенням, але воно загрожує розміткою ...