Jquery Slidetoggle - 似乎无法开始关闭?

Posted

技术标签:

【中文标题】Jquery Slidetoggle - 似乎无法开始关闭?【英文标题】:Jquery Slidetoggle - Can't seem to get it to start off Closed? 【发布时间】:2011-04-29 18:53:55 【问题描述】:

我在单页网站上使用 jquery slidetoggle。我一直在试图找出我的脚本哪里出了问题,但似乎无法解决这个问题。我试图让幻灯片切换效果在页面打开时开始关闭,并且仅在单击时打开/关闭。现在,当页面打开时,幻灯片切换的每个部分都已打开:/ 任何帮助将不胜感激。

<script type="text/javascript">
jQuery(function($) 
var openText = 'Open';
var closeText = 'Close';
$('.item-util .more-toggle').toggle(
    function() 
        $(this).html(closeText);
        $(this).parent().siblings('div').slideToggle('slow');
    ,
    function() 
        $(this).html(openText);
        var returnTo = $(this).parents('.item');
        $.scrollTo(returnTo, offset:top:-150, left:0, duration:600);
        $(this).parent().siblings('div').slideToggle('slow');
    
  );
);
</script>

谢谢

【问题讨论】:

【参考方案1】:

将要开始关闭的元素的样式设置为display:none,它应该可以工作...

【讨论】:

太棒了!问题解决了。谢谢您的帮助。不知道我是如何或为什么放弃的【参考方案2】:

要让它以关闭状态开始,您需要将要滑动的元素的 css 设置为 display: none;

【讨论】:

感谢您的帮助!通过将显示属性设置为无解决的问题

以上是关于Jquery Slidetoggle - 似乎无法开始关闭?的主要内容,如果未能解决你的问题,请参考以下文章

多次单击 JQuery slideToggle() - 防止动画

如何解决在 jQuery 中使用 slideToggle 时出现的闪烁问题?

向上方向的jquery SlideToggle效果?

jquery - slideToggle 不流畅

对 slideToggle() jQuery 没有影响

jQuery 效果 - slideToggle() 方法