JQuery帮助：slidetoggle（）工作不正常

我正在尝试使用JQuery Slidetoggle功能，但无法正确使用。
我目前面临的问题是，我的div在单击幻灯片图像图标时向下滑动，但之后，数据div（加载数据的部分）突然消失。意味着向下滑动是完美的，但在此之后就看不到div（在其中加载数据，此处为#divMain）。
我想在我的代码中实现滑动效果，比如has（请参见网站设计，重新设计服务滑块）：

这是我的密码：

HTML:

<div>
     <div class="jquery_inner_mid">
            <div class="main_heading">
                <a href="#">
                    <img src="features.jpg" alt="" title="" border="0" /></a>
            </div>

            <div class="plus_sign">
                <img id="imgFeaturesEx" src="images/plus.jpg" alt="" title="" border="0" />
                <img id="imgFeaturesCol" src="images/minus.jpg" alt="" title="" border="0" /></div>
            <div class="toggle_container">
                <div id="divMain" >
                </div>
            </div>
        </div>
        <div class="jquery_inner_mid">
            <div class="main_heading">
                <img src="About.jpg" alt="" title="" /></div>
            <div class="plus_sign">
                <img id="imgTechnoEx" src="images/plus.jpg" alt="" title="" border="0" />
                <img id="imgTechnoCol" src="images/minus.jpg" alt="" title="" border="0" /></div>
            <div class="toggle_container">
                <div id="divTechnossus" >
                </div>
            </div>
        </div>
    </div>

有几件事：

div

#divMain

需要在开始时显示样式

为：none

。否则，切换将与您的预期相反

我将使用

slideDown

来显示和

slideUp

来隐藏，而不是

slideToggle

。只有当同一调用可以隐藏或显示时，切换才有用

调用

html（“”

）将在滑动动画之前立即删除内容。请删除此调用，或使其在幻灯片之后运行，如下所示：

$('#divMain').slideUp('slow', function() {
    $(this).html('');
});

有几件事：

div

#divMain

需要在开始时显示样式

为：none

。否则，切换将与您的预期相反

我将使用

slideDown

来显示和

slideUp

来隐藏，而不是

slideToggle

。只有当同一调用可以隐藏或显示时，切换才有用

调用

html（“”

）将在滑动动画之前立即删除内容。请删除此调用，或使其在幻灯片之后运行，如下所示：

$('#divMain').slideUp('slow', function() {
    $(this).html('');
});