Jquery UI幻灯片不能处理某些元素

Question

这里我有一个关于元素的Jquery slideToggle核心的演示，但jquery Slide UI没有。

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);