停止jQuery滑块在响应站点上的元素下方移动

使用jQuery slideDown/Up函数，滑块下方的所有内容都会上下移动。我只希望滑块中的内容移动

使用溢出：隐藏或使用位置：绝对设置固定高度并不理想，因为这是一个响应迅速的站点

谁能把我引向正确的方向

这里有一些精简的代码，如果有用的话。谢谢

    <div class="videos">
    <ul class="vidnav nav-font">    
    <a class="speaker1-mini" href="#"><li>Animation</li></a>
    <a class="speaker2-mini" href="#"><li>Demo Reel</li></a>
    <a class="speaker3-mini" href="#"><li>Business Video</li></a>
</ul>

<section class="gallery">
    <div class="speaker1-content">111</div>
    <div class="speaker2-content">222</div>
    <div class="speaker3-content">333</div>
    </section>
    </div>

    $("[class*='-content']").hide();
    $("[class*='-mini']").hide();
    $("[class*='-expand']").hide();

    $('[class^="speaker"]').click(function () {
        //Hide it all! retract on click
        $("[class*='-content']").slideUp();
        $("[class*='-mini']").slideDown();
        var divClass = $(this).attr("class").split("-")[0] + "-content";
        $("." + divClass).slideDown("slow");
    });

111
222
333
$（“[class*='-content']”）.hide（）；
$（“[class*='-mini']”）.hide（）；
$（“[class*='-展开']”）.hide（）；
$（'[class^=“speaker”]'）。单击（函数（）{
//全部隐藏！单击后收回
$（“[class*='-content']”）。slideUp（）；
$（“[class*='-mini']”）。slideDown（）；
var divClass=$（this.attr（“class”）.split（“-”[0]+“-content”）；
$（“+divClass）.向下滑动（“慢速”）；
});