流体960网格jQuery滑动切换



我使用Fluid 960 Grid为我的网站,我使用jQuery(最新的)。

我想滑动切换一个div它是serviceitem1的子div。下面是我的代码:

div id="serviceitem1"> strong> Service One /strong>
    div class="services">
        ksdjfslkdjfs
    /div>
/div>
$('#serviceitem1').click(function(eve){
    $(this).children().slideToggle('slow'); 
});

切换工作,但是当我点击向下滑动时,所产生的div会缓慢地跳跃并覆盖我点击的第一个div元素,并且站点的整个框架似乎会轻微地跳跃。

我试着在IE10, Firefox 19和最新的Chrome中查看它,我得到了相同的结果。我用的是Windows 8 Pro。

这对任何人都有意义吗?此外,我使用Laravel 3.2.11作为我的框架。刀锋会造成什么麻烦吗?

不好意思,

我选择了一种简单的方法来处理这个问题,即在servicesdiv上使用id,并将其作为上部名为serviceitem1的div的子div完全删除。这样我就可以制作动画,而不会出现跳跃的问题。但如果有人能想出一个答案,我将非常感激他们能分享这个答案。

Eagletrophy

最新更新