JQuery UI слайд не работает на определенных элементах

Question

Здесь у меня есть демонстрация ядра Jquery slideToggle, работающего над элементом, но пользовательский интерфейс jquery Slide - нет.

http://jsbin.com/obuha/edit

Пожалуйста, посмотрите на демонстрацию, кнопка JQuery UI работает для текста выше, но не для логотипа Google. Кнопка slideToggle работает для логотипа.

Как заставить слайд JQuery UI работать с логотипом?

Спасибо.

И, надеюсь, это можно сделать без изменения DOM.

Answer 1

Я проверил ваш код, и я думаю, что проблема в том, что к изображению добавлен встроенный стиль фона диапазона. Это, кажется, портит эффект слайда.

Однако это работает нормально, если вместо этого вы примените эффект к контейнеру DIV. Смотрите здесь: http://jsbin.com/aluwu

Итак, это прекрасно работает:

$('#container').effect("slide", {}, 1000);

Вместо этого:

$('span.image').effect("slide", {}, 1000);