Jquery UI幻灯片无法处理某些元素

这里我有一个jqueryslidetoggle核心在一个元素上工作的演示，但是jqueryslideui没有

请看演示，jQueryUI按钮适用于上面的文本，但不适用于google徽标。滑动切换按钮适用于徽标

我如何让jQueryUI幻灯片与徽标一起工作

谢谢

---

希望这可以在不改变DOM的情况下完成。

我检查了您的代码，我认为问题在于图像添加了一个内联样式的跨度背景。这似乎是搞乱了幻灯片效果

但是，如果改为对container DIV应用该效果，则效果很好。请看这里：

因此，这很好：

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

与此相反：

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

---

谢谢，这有助于确定问题的原因。实际上，跨度的内联性质导致了UI版本的混乱。我想知道这是否是一个bug。将span更改为div效果很好，但这会导致我的HTML无法验证！我仍然在等待一个解决方案，而不仅仅是，不要在那个元素上使用效果。谢谢你！