Процедуры веб -комплекта Функциональности не работают - решайте скрипку

Question

У меня огромные проблемы с позицией: относительный элемент в переходе Webkit, чтобы переместить его влево. Это должно работать, но нет. Класс добавляется через jQuery, который должен вступить в силу.

<div id="reviews">
    <div id="dropout">Blast</div>

    <a href="#" onclick="dropout(); return false">move it</a>
</div>

#reviews #dropout {
    position:relative;
    min-height:40px;
    left:40px;
    -webkit-transition: left 600ms;
    -moz-transition: left 600ms;
}
#reviews .dropopen {
    min-height:40px;
    left:0px;
    -webkit-transition: left 600ms;
    -moz-transition: left 600ms;
}

function dropout() {
    $('#dropout').addClass('dropopen');
}

Возможно, скрипка может помочь http://jsfiddle.net/4wmjz/1/

Любые идеи?

Чудесный

Answer 1

Решен! (Я надеюсь)

Было несколько проблем. Во -первых onclick() Функция неправильно была связана, jQuery не была загружена на странице JSFiddle, и, что наиболее важно, специфика ваших селекторов была неправильной. В принципе #id #id Селектор имеет большую специфичность, чем #id .class, Таким образом, даже если класс был правильно добавлен в элемент, свойства не будут применены.

Редактировать Еще один случай, чтобы связаться с Большая визуализация специфичности CSS.