Fluid 960 Grid jQuery slideToggle

时间:2013-03-29 11:57:44

标签: jquery css laravel slidetoggle 960.gs

我在我的网站上使用Fluid 960 Grid,我正在使用jQuery(最新版本)。

我想slideToggle一个div,它是一个名为serviceitem1的div的子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作为我的框架。 Blade会造成任何问题吗?

1 个答案:

答案 0 :(得分:0)

抱歉,贾兹,

我选择通过在服务div上使用id来简单地处理这个问题,并将其作为名为serviceitem1的上层div的子项完全删除。这样我就可以拥有动画而没有这个跳跃问题。但如果有人提出答案我会很感激,如果他们愿意分享答案。

Eagletrophy