流体 960 网格 jQuery 幻灯片切换答案

【问题标题】：Fluid 960 Grid jQuery slideToggle流体 960 网格 jQuery 幻灯片切换
【发布时间】：2013-03-20 03:00:43
【问题描述】：

我正在为我的网站使用 Fluid 960 Grid，并且我正在使用 jQuery（最新版本）。

我想滑动切换一个 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 专业版。

这对任何人都有意义吗？我也使用 Laravel 3.2.11 作为我的框架。 Blade 会不会造成任何问题？

【问题讨论】：

标签： jquery css laravel slidetoggle 960.gs

【解决方案1】：

对不起各位，

我选择通过在服务 div 上使用 id 并将其作为名为 serviceitem1 的上层 div 的子级完全删除来以简单的方式处理此问题。这样我就能够拥有动画并且没有这个跳跃问题。但是，如果有人确实提出了答案，如果他们愿意分享答案，我将不胜感激。

鹰眼

【讨论】：