jquery向下滑动/向上滑动 [英] jquery slide down/up

问题描述

我有一张图片，悬停时向下滑动内容，然后再次悬停向上滑动。



但问题是，它向下滑动整个div而不是向下滑动面板。

< script type =  文本/ JavaScript的> 
  function  toggleslider（）{
  if （$（ ＃panelThatSlides）。is（ ：visible））{
 $（ ＃contentThatFades ）。动画（
 {
 opacity：  0 
}，
  600 ，
  function （）{
 $（ ＃panelThatSlides）。slideUp（）; 
} 
）; 
} 
  else  {
 $（ ＃panelThatSlides）。slideDown（ 600 ， function （） {
 $（ ＃contentThatFades）。animate（
 {
 opacity：  1 
}，
  600  
）; 
}）; 
} 
} 
< / script> 

有什么建议吗？



谢谢

解决方案

（ ＃panelThatSlides）。is（ ：可见））{

（ ＃contentThatFades）。animate（
{
opacity： 0
}，
600 ，
function （）{

（ ＃panelThatSlides）。slideUp（）;
}
）;
}
其他 {

Hi,

I have a image that on hover slides down with content and again on hover slides up.

But the problem is, it slides down the entire div instead of just sliding down the panel.

<script type="text/javascript">
function toggleslider() {
    if ($("#panelThatSlides").is(":visible")) {
        $("#contentThatFades").animate(
            {
                opacity: "0"
            },
            600,
            function(){
                $("#panelThatSlides").slideUp();
            }
        );
    }
    else {
        $("#panelThatSlides").slideDown(600, function(){
            $("#contentThatFades").animate(
                {
                    opacity: "1"
                },
                600
            );
        });
    }   
}
</script>

Any suggestions?

Thanks

解决方案

("#panelThatSlides").is(":visible")) {

("#contentThatFades").animate( { opacity: "0" }, 600, function(){

("#panelThatSlides").slideUp(); } ); } else {

这篇关于jquery向下滑动/向上滑动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！