jQuery animate - расширение текстового содержимого?

Question

Привет Я пытаюсь оживить или дать какой-либо слайд-эффект для переключения класса (фактические расширяющегося), так как это немного просто на данный момент

Вот fiddle я работаю с вашей помощью в данный момент , но это не делает ничего, и не могу понять его

$(document).ready(function(){ 
    $(".gamewrapper").click(function(){ 
    $(".game-name", this).toggleClass("black"); 
    $(this).toggleClass("expand", 1000); 
    }); 
}); 

Любая помощь приветствуется, пожалуйста,

заранее спасибо

Answer 1

JQuery UI toggleClass метод представляет собой встроенный метод JQuery переопределения:

JQuery UI переопределяет несколько встроенных методов JQuery для того, чтобы обеспечить дополнительные функциональные возможности. При использовании этих переопределений важно убедиться, что пользовательский интерфейс jQuery загружен. Если JQuery UI не загружен, методы по-прежнему существуют, но ожидаемая функциональность не будет доступна, в результате ошибок, которые могут быть трудно отслеживать вниз

метод принимает Смягчение параметра, как вы Выполнение работ:

easing (по умолчанию: swing) Тип: Строка Строка, указывающая, какое ослабление функция, используемая для перехода.

проблема в вашей скрипке, что вы не включая библиотеке Jquery UI.

Работа анимация скрипку: http://jsfiddle.net/YqxAR/53/

Answer 2

JQuery в .toggleClass() мет od принимает только 1 параметр, 1000 у вас там нет ничего.

Если вы хотите анимировать изменения CSS между имеющими expand класса и нет, вы должны:

1) Используйте CSS переходы по этим свойствам:

http://www.w3schools.com/css3/css3_transitions.asp

2) Используйте другой плагин. jQueryUI имеет плагин switchClass, который делает это.

http://jqueryui.com/switchClass/

Answer 3

Я согласен с Николаем,

CSS3 Transitions, jQueryUI или вы можете также анимировать все индивидуальные стили, используя jQuery.animate.

например

$('.classname').animate({'width':'100px','height':'100px'},200)