Как реализовать одно и то же действие с переходом и без перехода?

Question

Как реализовать одно и то же действие с переходом и без перехода?

0

Существует ли какое-либо решение использовать одно и то же действие с переходом и без перехода?

CSS

-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;

JQuery

$("#transition").click(function(){
    $("#box-progress").css("left", "50%");
});
// This shoudn't show transition;
$("#no-transition").click(function(){
    $("#box-progress").css("left", "50%");
});

Демо: - http://jsfiddle.net/sweetmaanu/XcRNd/

Muhammed 26 сен. 2013, в 12:24

Источник

Теги:

javascript

jquery

html5

css3

1 ответ

Ещё вопросы

Halcyon · Answer 1 · 2013-09-26T07-27-00.000Z

Да.

Поместите переходы в отдельный класс, например:

.apply_transitions {
    /* .. */
    transition: all 0.5s ease 0s;
}

Затем вы хотите, чтобы переход выполнялся:

$("#box-progress").addClass("apply_transitions").css("left", "50%");

И если вы не хотите трансиона, выполните:

$("#box-progress").removeClass("apply_transitions").css("left", "50%");

Это означает, что по умолчанию ничто не имеет перехода, если вы не добавите класс apply_transitions.