Jquery ui" toggle class"没有宽松

时间:2012-01-26 22:08:03

标签: html css jquery-ui

我有一排盒子。

  • 我希望他们扩展鼠标悬停。
  • 与鼠标关闭合同。

为实现这一目标,我使用JQuery UI来切换CSS类。 jsFiddle上的Here is my code

它工作正常,除了转换不像this JQuery演示中那样轻松进出。

我做错了什么?非常感谢帮助(或建议采用更好的方法)。

4 个答案:

答案 0 :(得分:1)

您没有启用jQuery UI。选中jsFiddle上的复选框,它就可以了。例如:http://jsfiddle.net/vBDRb/4/

答案 1 :(得分:1)

启用jQuery UI。此外,这个代码应该足够你的所有盒子(你不必重复几次)。

$(function() {
    $( ".feature" ).hover(function() {
        $( this ).toggleClass( "feature_expand", 1000 );
        return false;
    });
});

答案 2 :(得分:0)

我认为你需要缓动库插件以及兄弟:

http://gsgd.co.uk/sandbox/jquery/easing/

答案 3 :(得分:0)